fix

dist/chunks/client-COlxxEJZ.js

@@ -1,18 +0,0 @@
-import _ from "react-dom";
-var r, t = _;
-if (process.env.NODE_ENV === "production")
-  r = t.createRoot, t.hydrateRoot;
-else {
-  var e = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  r = function(o, n) {
-    e.usingClientEntryPoint = !0;
-    try {
-      return t.createRoot(o, n);
-    } finally {
-      e.usingClientEntryPoint = !1;
-    }
-  };
-}
-export {
-  r as c
-};

dist/remote-ui.js

@@ -1,6 +1,6 @@
 import { jsx as _ } from "react/jsx-runtime";
 import g, { useRef as u, useEffect as m } from "react";
-import { c as h } from "./chunks/client-COlxxEJZ.js";
+import { createRoot as h } from "react-dom/client";
 import { Badge as E, ChakraProvider as P } from "@chakra-ui/react";
 const p = "https://uikit.d.aiengines.ir/GBadge.js", d = "__UIKIT_REMOTE_DEPS__", s = "__UIKIT_REMOTE_CONFIG__", i = /* @__PURE__ */ new Map();
 function w(e = {}) {
@@ -49,7 +49,13 @@ function B(e) {
     "[uikit/remote/ui] GBadge only accepts text/number children across the remote boundary."
   );
 }
-const T = ({ children: e, remoteUrl: r, theme: o, chakraProviderProps: f, ...R }) => {
+const T = ({
+  children: e,
+  remoteUrl: r,
+  theme: o,
+  chakraProviderProps: f,
+  ...R
+}) => {
   const c = u(null), t = u(null), a = u(null);
   return a.current = {
     ...R,

src/core/BiProvider.jsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useMemo, useState } from "react";
-import { createRoot } from "react-dom/client";
 import { Badge, ChakraProvider, Spinner } from "@chakra-ui/react";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { KeycloakProvider } from "./keycloak.jsx";
@@ -21,7 +20,6 @@ function setupBiRemoteUiDeps({ theme, remoteUiUrl, chakraProviderProps } = {}) {
   window[REMOTE_DEPS_KEY] = {
     ...previousDeps,
     React: previousDeps.React || React,
-    createRoot: previousDeps.createRoot || createRoot,
     ChakraProvider: previousDeps.ChakraProvider || ChakraProvider,
     Badge: previousDeps.Badge || Badge,
     theme: theme ?? previousDeps.theme,

src/remote/ui/index.jsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect, useRef } from "react";
 import { createRoot } from "react-dom/client";
 import { Badge, ChakraProvider } from "@chakra-ui/react";
@@ -18,7 +20,8 @@ export function setupUikitRemoteDeps(options = {}) {
     ...previousDeps,
     React: options.React || previousDeps.React || React,
     createRoot: options.createRoot || previousDeps.createRoot || createRoot,
-    ChakraProvider: options.ChakraProvider || previousDeps.ChakraProvider || ChakraProvider,
+    ChakraProvider:
+      options.ChakraProvider || previousDeps.ChakraProvider || ChakraProvider,
     Badge: options.Badge || previousDeps.Badge || Badge,
     theme: Object.prototype.hasOwnProperty.call(options, "theme")
       ? options.theme
@@ -85,7 +88,13 @@ function normalizeChildren(children) {
   return undefined;
 }
 
-export const GBadge = ({ children, remoteUrl, theme, chakraProviderProps, ...props }) => {
+export const GBadge = ({
+  children,
+  remoteUrl,
+  theme,
+  chakraProviderProps,
+  ...props
+}) => {
   const containerRef = useRef(null);
   const elementRef = useRef(null);
   const latestPropsRef = useRef(null);

vite.config.js

@@ -5,6 +5,8 @@ import path from "path";
 const externalPackages = [
   "react",
   "react-dom",
+  "react-dom/client",
+  "react-dom/server",
   "react/jsx-runtime",
 
   "@chakra-ui/react",