@module-federation/bridge-react 0.0.0-next-20250416061914 → 0.0.0-next-20250421062338

package/CHANGELOG.md

@@ -1,16 +1,20 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250416061914
+## 0.0.0-next-20250421062338
 
 ### Minor Changes
 
-- d802e00: feat(react-bridge): Add native support for React 19 in bridge-react with enhanced createRoot options
+- 88a018d: feat(react-bridge): Add native support for React 19 in bridge-react with enhanced createRoot options
 
 ### Patch Changes
 
-- d0a11ff: feat(bridge-react): support react v19 in react compat file.
-  - @module-federation/sdk@0.0.0-next-20250416061914
-  - @module-federation/bridge-shared@0.0.0-next-20250416061914
+- 88a018d: feat(bridge-react): support react v19 in react compat file.
+- 4db1b0e: feat: add error detection for react v19 under the default export createBaseBridgeComponent
+- 38f324f: Disable live bindings on cjs builds of the runtime packages
+- 0eb6d1b: refactor(bridge-react): modify the default mode of the bridge to legacy mode to reduce redundant code
+- Updated dependencies [38f324f]
+  - @module-federation/bridge-shared@0.0.0-next-20250421062338
+  - @module-federation/sdk@0.0.0-next-20250421062338
 
 ## 0.12.0
 

package/dist/{bridge-base-BbzPi965.js → bridge-base-0CS6p-6-.js}

@@ -1,7 +1,102 @@
 import * as React from "react";
-import { E as ErrorBoundary } from "./react-error-boundary.esm-CMdlkNPP.js";
-import { L as LoggerInstance, R as RouterContext } from "./context-Dbqf0szX.js";
+import { Component, createElement, createContext } from "react";
+import { L as LoggerInstance, R as RouterContext } from "./index-BlBMQSoq.js";
 import { federationRuntime } from "./plugin.es.js";
+const ErrorBoundaryContext = createContext(null);
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      var _this$props$onReset, _this$props;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    var _this$props$onError, _this$props2;
+    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      var _this$props$onReset2, _this$props3;
+      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = createElement(FallbackComponent, props);
+      } else if (fallback !== void 0) {
+        childToRender = fallback;
+      } else {
+        throw error;
+      }
+    }
+    return createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged() {
+  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
 function createBaseBridgeComponent({
   createRoot,
   defaultRootOptions,
@@ -99,5 +194,6 @@ function createBaseBridgeComponent({
   };
 }
 export {
+  ErrorBoundary as E,
   createBaseBridgeComponent as c
 };

package/dist/{bridge-base-BQcdOEoU.cjs → bridge-base-DIOcSEVT.cjs}

@@ -1,7 +1,6 @@
 "use strict";
 const React = require("react");
-const reactErrorBoundary_esm = require("./react-error-boundary.esm-D8nxmvmv.cjs");
-const context = require("./context-C79iMWYD.cjs");
+const index = require("./index-BYDWxFmi.cjs");
 const plugin = require("./plugin.cjs.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -20,6 +19,101 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const ErrorBoundaryContext = React.createContext(null);
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      var _this$props$onReset, _this$props;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    var _this$props$onError, _this$props2;
+    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      var _this$props$onReset2, _this$props3;
+      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = React.createElement(FallbackComponent, props);
+      } else if (fallback !== void 0) {
+        childToRender = fallback;
+      } else {
+        throw error;
+      }
+    }
+    return React.createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged() {
+  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return a.length !== b.length || a.some((item, index2) => !Object.is(item, b[index2]));
+}
 function createBaseBridgeComponent({
   createRoot,
   defaultRootOptions,
@@ -28,14 +122,14 @@ function createBaseBridgeComponent({
   return () => {
     const rootMap = /* @__PURE__ */ new Map();
     const instance = plugin.federationRuntime.instance;
-    context.LoggerInstance.debug(
+    index.LoggerInstance.debug(
       `createBridgeComponent instance from props >>>`,
       instance
     );
     const RawComponent = (info) => {
       const { appInfo, propsInfo, ...restProps } = info;
       const { moduleName, memoryRoute, basename = "/" } = appInfo;
-      return /* @__PURE__ */ React__namespace.createElement(context.RouterContext.Provider, { value: { moduleName, basename, memoryRoute } }, /* @__PURE__ */ React__namespace.createElement(
+      return /* @__PURE__ */ React__namespace.createElement(index.RouterContext.Provider, { value: { moduleName, basename, memoryRoute } }, /* @__PURE__ */ React__namespace.createElement(
         bridgeInfo.rootComponent,
         {
           ...propsInfo,
@@ -47,7 +141,7 @@ function createBaseBridgeComponent({
     return {
       async render(info) {
         var _a, _b, _c, _d, _e, _f;
-        context.LoggerInstance.debug(`createBridgeComponent render Info`, info);
+        index.LoggerInstance.debug(`createBridgeComponent render Info`, info);
         const {
           moduleName,
           dom,
@@ -63,7 +157,7 @@ function createBaseBridgeComponent({
         };
         const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React__namespace.createElement(
-          reactErrorBoundary_esm.ErrorBoundary,
+          ErrorBoundary,
           {
             FallbackComponent: fallback
           },
@@ -101,7 +195,7 @@ function createBaseBridgeComponent({
       destroy(info) {
         var _a, _b, _c;
         const { dom } = info;
-        context.LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
+        index.LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(dom);
         if (root) {
           if ("unmount" in root) {
@@ -116,4 +210,5 @@ function createBaseBridgeComponent({
     };
   };
 }
+exports.ErrorBoundary = ErrorBoundary;
 exports.createBaseBridgeComponent = createBaseBridgeComponent;

package/dist/index.cjs.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const bridgeBase = require("./bridge-base-DIOcSEVT.cjs");
+const ReactDOM = require("react-dom");
 const React = require("react");
-const reactErrorBoundary_esm = require("./react-error-boundary.esm-D8nxmvmv.cjs");
-const context = require("./context-C79iMWYD.cjs");
+const index = require("./index-BYDWxFmi.cjs");
 const ReactRouterDOM = require("react-router-dom");
 const plugin = require("./plugin.cjs.js");
-const ReactDOM = require("react-dom");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {
@@ -22,8 +22,37 @@ function _interopNamespaceDefault(e2) {
   n.default = e2;
   return Object.freeze(n);
 }
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const ReactRouterDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactRouterDOM);
+function createReact16Or17Root(container) {
+  return {
+    render(children) {
+      const reactVersion = ReactDOM.version || "";
+      const isReact18 = reactVersion.startsWith("18");
+      const isReact19 = reactVersion.startsWith("19");
+      if (isReact19) {
+        throw new Error(
+          `React 19 detected in legacy mode. This is not supported. Please use the version-specific import: import { createBridgeComponent } from '@module-federation/bridge-react/v19'`
+        );
+      }
+      if (isReact18) {
+        console.warn(
+          `[Bridge-React] React 18 detected in legacy mode. For better compatibility, please use the version-specific import: import { createBridgeComponent } from '@module-federation/bridge-react/v18'`
+        );
+      }
+      ReactDOM.render(children, container);
+    },
+    unmount() {
+      ReactDOM.unmountComponentAtNode(container);
+    }
+  };
+}
+function createBridgeComponent(bridgeInfo) {
+  const fullBridgeInfo = {
+    createRoot: createReact16Or17Root,
+    ...bridgeInfo
+  };
+  return bridgeBase.createBaseBridgeComponent(fullBridgeInfo);
+}
 function e() {
   const t = new PopStateEvent("popstate", { state: window.history.state });
   window.dispatchEvent(t);
@@ -44,7 +73,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
   const renderDom = React.useRef(null);
   const providerInfoRef = React.useRef(null);
   const [initialized, setInitialized] = React.useState(false);
-  context.LoggerInstance.debug(`RemoteAppWrapper instance from props >>>`, instance);
+  index.LoggerInstance.debug(`RemoteAppWrapper instance from props >>>`, instance);
   React.useEffect(() => {
     if (initialized) return;
     const providerReturn = providerInfo();
@@ -53,7 +82,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
     return () => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
-        context.LoggerInstance.debug(
+        index.LoggerInstance.debug(
           `createRemoteComponent LazyComponent destroy >>>`,
           { moduleName, basename, dom: renderDom.current }
         );
@@ -97,7 +126,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
     providerInfoRef.current.render(renderProps);
     (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps);
   }, [initialized, ...Object.values(props)]);
-  const rootComponentClassName = `${context.getRootDomDefaultClassName(moduleName)} ${className || ""}`;
+  const rootComponentClassName = `${index.getRootDomDefaultClassName(moduleName)} ${className || ""}`;
   return /* @__PURE__ */ React.createElement("div", { className: rootComponentClassName, style, ref: rootRef });
 });
 function withRouterData(WrappedComponent) {
@@ -129,7 +158,7 @@ function withRouterData(WrappedComponent) {
         if (routerContextVal && routerContextVal.matches && routerContextVal.matches.length > 0) {
           const matchIndex = routerContextVal.matches.length - 1;
           const pathnameBase = routerContextVal.matches[matchIndex].pathnameBase;
-          basename = context.pathJoin(basename, pathnameBase || "/");
+          basename = index.pathJoin(basename, pathnameBase || "/");
         }
       } else {
         const match = useRouteMatch == null ? void 0 : useRouteMatch();
@@ -138,11 +167,11 @@ function withRouterData(WrappedComponent) {
           basename = (_a = history == null ? void 0 : history.createHref) == null ? void 0 : _a.call(history, { pathname: "/" });
         }
         if (match) {
-          basename = context.pathJoin(basename, (match == null ? void 0 : match.path) || "/");
+          basename = index.pathJoin(basename, (match == null ? void 0 : match.path) || "/");
         }
       }
     }
-    context.LoggerInstance.debug(`createRemoteComponent withRouterData >>>`, {
+    index.LoggerInstance.debug(`createRemoteComponent withRouterData >>>`, {
       ...props,
       basename,
       routerContextVal,
@@ -153,7 +182,7 @@ function withRouterData(WrappedComponent) {
       const [pathname, setPathname] = React.useState(location.pathname);
       React.useEffect(() => {
         if (pathname !== "" && pathname !== location.pathname) {
-          context.LoggerInstance.debug(
+          index.LoggerInstance.debug(
             `createRemoteComponent dispatchPopstateEnv >>>`,
             {
               name: props.name,
@@ -175,14 +204,14 @@ const RemoteApp = withRouterData(RemoteAppWrapper);
 function createLazyRemoteComponent(info) {
   const exportName = (info == null ? void 0 : info.export) || "default";
   return React.lazy(async () => {
-    context.LoggerInstance.debug(`createRemoteComponent LazyComponent create >>>`, {
+    index.LoggerInstance.debug(`createRemoteComponent LazyComponent create >>>`, {
       lazyComponent: info.loader,
       exportName
     });
     try {
       const m = await info.loader();
       const moduleName = m && m[Symbol.for("mf_module_id")];
-      context.LoggerInstance.debug(
+      index.LoggerInstance.debug(
         `createRemoteComponent LazyComponent loadRemote info >>>`,
         { name: moduleName, module: m, exportName }
       );
@@ -205,7 +234,7 @@ function createLazyRemoteComponent(info) {
           default: RemoteAppComponent
         };
       } else {
-        context.LoggerInstance.debug(
+        index.LoggerInstance.debug(
           `createRemoteComponent LazyComponent module not found >>>`,
           { name: moduleName, module: m, exportName }
         );
@@ -224,7 +253,7 @@ function createRemoteComponent(info) {
   const LazyComponent = createLazyRemoteComponent(info);
   return React.forwardRef((props, ref) => {
     return /* @__PURE__ */ React.createElement(
-      reactErrorBoundary_esm.ErrorBoundary,
+      bridgeBase.ErrorBoundary,
       {
         FallbackComponent: info.fallback
       },
@@ -232,117 +261,5 @@ function createRemoteComponent(info) {
     );
   });
 }
-function defaultCreateRoot(container, options) {
-  const reactVersion = ReactDOM.version || "";
-  const isReact18 = reactVersion.startsWith("18");
-  if (isReact18) {
-    try {
-      return ReactDOM.createRoot(container, options);
-    } catch (e2) {
-      console.warn(
-        "Failed to use React 18 createRoot API, falling back to legacy API",
-        e2
-      );
-    }
-  }
-  return {
-    render(children) {
-      ReactDOM.render(children, container);
-    },
-    unmount() {
-      ReactDOM.unmountComponentAtNode(container);
-    }
-  };
-}
-function createBridgeComponent({
-  createRoot = defaultCreateRoot,
-  defaultRootOptions,
-  ...bridgeInfo
-}) {
-  return () => {
-    const rootMap = /* @__PURE__ */ new Map();
-    const instance = plugin.federationRuntime.instance;
-    context.LoggerInstance.debug(
-      `createBridgeComponent instance from props >>>`,
-      instance
-    );
-    const RawComponent = (info) => {
-      const { appInfo, propsInfo, ...restProps } = info;
-      const { moduleName, memoryRoute, basename = "/" } = appInfo;
-      return /* @__PURE__ */ React__namespace.createElement(context.RouterContext.Provider, { value: { moduleName, basename, memoryRoute } }, /* @__PURE__ */ React__namespace.createElement(
-        bridgeInfo.rootComponent,
-        {
-          ...propsInfo,
-          basename,
-          ...restProps
-        }
-      ));
-    };
-    return {
-      async render(info) {
-        var _a, _b, _c, _d, _e, _f;
-        context.LoggerInstance.debug(`createBridgeComponent render Info`, info);
-        const {
-          moduleName,
-          dom,
-          basename,
-          memoryRoute,
-          fallback,
-          rootOptions,
-          ...propsInfo
-        } = info;
-        const mergedRootOptions = {
-          ...defaultRootOptions,
-          ...rootOptions
-        };
-        const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
-        const rootComponentWithErrorBoundary = /* @__PURE__ */ React__namespace.createElement(
-          reactErrorBoundary_esm.ErrorBoundary,
-          {
-            FallbackComponent: fallback
-          },
-          /* @__PURE__ */ React__namespace.createElement(
-            RawComponent,
-            {
-              appInfo: {
-                moduleName,
-                basename,
-                memoryRoute
-              },
-              propsInfo: {
-                ...propsInfo,
-                ...beforeBridgeRenderRes == null ? void 0 : beforeBridgeRenderRes.extraProps
-              }
-            }
-          )
-        );
-        let root = rootMap.get(dom);
-        if (!root) {
-          root = createRoot(dom, mergedRootOptions);
-          rootMap.set(dom, root);
-        }
-        if ("render" in root) {
-          root.render(rootComponentWithErrorBoundary);
-        }
-        ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info)) || {};
-      },
-      destroy(info) {
-        var _a, _b, _c;
-        const { dom } = info;
-        context.LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
-        const root = rootMap.get(dom);
-        if (root) {
-          if ("unmount" in root) {
-            root.unmount();
-          } else {
-            ReactDOM.unmountComponentAtNode(dom);
-          }
-          rootMap.delete(dom);
-        }
-        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
-      }
-    };
-  };
-}
 exports.createBridgeComponent = createBridgeComponent;
 exports.createRemoteComponent = createRemoteComponent;

package/dist/index.d.ts

@@ -1,21 +1,22 @@
 import { default as default_2 } from 'react';
 import * as React_2 from 'react';
 
-/**
- * Creates a bridge component factory that automatically detects and uses
- * the appropriate React version (16/17, 18, or 19)
- */
-export declare function createBridgeComponent<T>({ createRoot, defaultRootOptions, ...bridgeInfo }: ProviderFnParams<T>): () => {
+export declare function createBridgeComponent<T = any>(bridgeInfo: Omit<ProviderFnParams<T>, 'createRoot'>): () => {
     render(info: RenderParams): Promise<void>;
     destroy(info: DestroyParams): void;
 };
 
 export declare function createRemoteComponent<T = Record<string, unknown>, E extends keyof T = keyof T>(info: LazyRemoteComponentInfo<T, E>): default_2.ForwardRefExoticComponent<Omit<RemoteComponentProps<Record<string, unknown>>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare interface CreateRootOptions {
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown, errorInfo: unknown) => void;
+}
+
 /**
  * Options for creating a React root
  */
-declare interface CreateRootOptions {
+declare interface CreateRootOptions_2 {
     identifierPrefix?: string;
     onRecoverableError?: (error: unknown) => void;
     transitionCallbacks?: unknown;
@@ -34,10 +35,10 @@ declare type LazyRemoteComponentInfo<T, E extends keyof T> = RemoteComponentPara
 /**
  * Parameters for the provider function
  */
-declare interface ProviderFnParams<T> {
+export declare interface ProviderFnParams<T> {
     rootComponent: React_2.ComponentType<T>;
     render?: (App: React_2.ReactElement, id?: HTMLElement | string) => RootType | Promise<RootType>;
-    createRoot?: (container: Element | DocumentFragment, options?: CreateRootOptions) => Root;
+    createRoot?: (container: Element | DocumentFragment, options?: CreateRootOptions_2) => Root_2;
     /**
      * Default options to pass to createRoot for React 18 and 19
      * These options will be used when creating a root unless overridden by rootOptions in render params
@@ -47,7 +48,7 @@ declare interface ProviderFnParams<T> {
      *   onRecoverableError: (err) => console.error(err)
      * }
      */
-    defaultRootOptions?: CreateRootOptions;
+    defaultRootOptions?: CreateRootOptions_2;
 }
 
 /**
@@ -89,17 +90,6 @@ declare interface RemoteComponentProps<T = Record<string, unknown>> {
     [key: string]: unknown;
 }
 
-/**
- * Parameters for the render function, extending ProviderParams
- */
-export declare interface RenderFnParams extends ProviderParams {
-    dom: HTMLElement;
-    fallback?: React_2.ComponentType<{
-        error: Error;
-    }>;
-    [key: string]: unknown;
-}
-
 /**
  * Parameters for the render function
  */
@@ -119,14 +109,19 @@ export declare interface RenderParams {
      *   onRecoverableError: (err) => console.error(err)
      * }
      */
-    rootOptions?: CreateRootOptions;
+    rootOptions?: CreateRootOptions_2;
     [key: string]: unknown;
 }
 
+export declare interface Root {
+    render(children: React.ReactNode): void;
+    unmount(): void;
+}
+
 /**
  * Interface for a React root object
  */
-declare interface Root {
+declare interface Root_2 {
     render(children: React_2.ReactNode): void;
     unmount(): void;
 }
@@ -134,6 +129,6 @@ declare interface Root {
 /**
  * Type for a root element, which can be either an HTMLElement or a React root
  */
-declare type RootType = HTMLElement | Root;
+export declare type RootType = HTMLElement | Root_2;
 
 export { }