@module-federation/bridge-react 0.23.0 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @module-federation/bridge-react
 
+## 0.24.0
+
+### Patch Changes
+
+- @module-federation/sdk@0.24.0
+- @module-federation/bridge-shared@0.24.0
+
 ## 0.23.0
 
 ### Patch Changes

package/dist/base.cjs.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createHelpers = require("./createHelpers-B_L612IN.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-GaQxzHsw.js");
+const createHelpers = require("./createHelpers-2UBGLdcA.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DozDrfqb.js");
 const lazyUtils = require("./utils-tM9yE73c.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-PoipyNzq.js");
+const prefetch = require("./prefetch-BzfBW4fX.js");
 const createRemoteAppComponent = createHelpers.createRemoteAppComponentFactory(createHelpers.RemoteAppWrapper);
 const createRemoteComponent = createHelpers.createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent

package/dist/base.es.js

@@ -1,9 +1,9 @@
-import { c as createDeprecatedRemoteComponentFactory, a as createRemoteAppComponentFactory, R as RemoteAppWrapper } from "./createHelpers-Ui5pt7je.mjs";
-import { b } from "./createHelpers-Ui5pt7je.mjs";
-import { b as b2, a, c, l } from "./lazy-load-component-plugin-lLkUGUIW.mjs";
-import { C, a as a2, E, b as b3, d, c as c2, g, r, s } from "./utils-dUgb9Jkm.mjs";
+import { c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory, R as RemoteAppWrapper } from "./createHelpers-C9qvVTND.mjs";
+import { b } from "./createHelpers-C9qvVTND.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-BoFzraQv.mjs";
+import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils--qTri1IN.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-Cv8Vx9jG.mjs";
+import { p } from "./prefetch-C8qqTz8_.mjs";
 const createRemoteAppComponent = createRemoteAppComponentFactory(RemoteAppWrapper);
 const createRemoteComponent = createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent
@@ -12,14 +12,14 @@ export {
   C as CacheSize,
   a2 as CacheTime,
   E as ERROR_TYPE,
-  b2 as autoFetchDataPlugin,
-  b3 as cache,
+  a as autoFetchDataPlugin,
+  c2 as cache,
   callDataFetch,
-  d as clearStore,
-  a as collectSSRAssets,
-  c2 as configureCache,
+  b3 as clearStore,
+  c as collectSSRAssets,
+  d as configureCache,
   b as createBridgeComponent,
-  c as createLazyComponent,
+  b2 as createLazyComponent,
   createRemoteAppComponent,
   createRemoteComponent,
   g as generateKey,

package/dist/{bridge-base-RStDxH71.js → bridge-base-1Grpgans.js}

@@ -139,13 +139,14 @@ function createBaseBridgeComponent({
       ));
     };
     const DefaultFallback = ({ error }) => /* @__PURE__ */ React__namespace.createElement("div", { role: "alert" }, /* @__PURE__ */ React__namespace.createElement("p", null, "Something went wrong:"), /* @__PURE__ */ React__namespace.createElement("pre", { style: { color: "red" } }, error.message));
+    const ErrorBoundaryComponent = ErrorBoundary;
     const BridgeWrapper = ({
       basename,
       moduleName,
       memoryRoute,
       propsInfo,
       fallback
-    }) => /* @__PURE__ */ React__namespace.createElement(ErrorBoundary, { FallbackComponent: fallback || DefaultFallback }, /* @__PURE__ */ React__namespace.createElement(
+    }) => /* @__PURE__ */ React__namespace.createElement(ErrorBoundaryComponent, { FallbackComponent: fallback || DefaultFallback }, /* @__PURE__ */ React__namespace.createElement(
       RawComponent,
       {
         appInfo: {

package/dist/{bridge-base-CPSTBjEp.mjs → bridge-base-CIgEZf8X.mjs}

@@ -122,13 +122,14 @@ function createBaseBridgeComponent({
       ));
     };
     const DefaultFallback = ({ error }) => /* @__PURE__ */ React.createElement("div", { role: "alert" }, /* @__PURE__ */ React.createElement("p", null, "Something went wrong:"), /* @__PURE__ */ React.createElement("pre", { style: { color: "red" } }, error.message));
+    const ErrorBoundaryComponent = ErrorBoundary;
     const BridgeWrapper = ({
       basename,
       moduleName,
       memoryRoute,
       propsInfo,
       fallback
-    }) => /* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: fallback || DefaultFallback }, /* @__PURE__ */ React.createElement(
+    }) => /* @__PURE__ */ React.createElement(ErrorBoundaryComponent, { FallbackComponent: fallback || DefaultFallback }, /* @__PURE__ */ React.createElement(
       RawComponent,
       {
         appInfo: {

package/dist/{createHelpers-B_L612IN.js → createHelpers-2UBGLdcA.js}

@@ -1,5 +1,5 @@
 "use strict";
-const bridgeBase = require("./bridge-base-RStDxH71.js");
+const bridgeBase = require("./bridge-base-1Grpgans.js");
 const ReactDOM = require("react-dom");
 const index = require("./index-DRSBaSu3.js");
 const React = require("react");
@@ -162,12 +162,13 @@ function createLazyRemoteComponentFactory(RemoteApp) {
   };
 }
 function createRemoteAppComponentFactory(RemoteApp) {
+  const ErrorBoundaryComponent = bridgeBase.ErrorBoundary;
   const createLazyRemoteComponent = createLazyRemoteComponentFactory(RemoteApp);
   return function createRemoteAppComponent(info) {
     const LazyComponent = createLazyRemoteComponent(info);
     return React.forwardRef((props, ref) => {
       return /* @__PURE__ */ React.createElement(
-        bridgeBase.ErrorBoundary,
+        ErrorBoundaryComponent,
         {
           FallbackComponent: info.fallback
         },

package/dist/{createHelpers-Ui5pt7je.mjs → createHelpers-C9qvVTND.mjs}

@@ -1,4 +1,4 @@
-import { c as createBaseBridgeComponent, E as ErrorBoundary } from "./bridge-base-CPSTBjEp.mjs";
+import { c as createBaseBridgeComponent, E as ErrorBoundary } from "./bridge-base-CIgEZf8X.mjs";
 import ReactDOM from "react-dom";
 import { L as LoggerInstance, g as getRootDomDefaultClassName } from "./index-DyQNwY2M.mjs";
 import React__default, { forwardRef, useRef, useState, useEffect } from "react";
@@ -161,12 +161,13 @@ function createLazyRemoteComponentFactory(RemoteApp) {
   };
 }
 function createRemoteAppComponentFactory(RemoteApp) {
+  const ErrorBoundaryComponent = ErrorBoundary;
   const createLazyRemoteComponent = createLazyRemoteComponentFactory(RemoteApp);
   return function createRemoteAppComponent(info) {
     const LazyComponent = createLazyRemoteComponent(info);
     return forwardRef((props, ref) => {
       return /* @__PURE__ */ React__default.createElement(
-        ErrorBoundary,
+        ErrorBoundaryComponent,
         {
           FallbackComponent: info.fallback
         },
@@ -185,7 +186,7 @@ function createDeprecatedRemoteComponentFactory(createFn) {
 }
 export {
   RemoteAppWrapper as R,
-  createRemoteAppComponentFactory as a,
+  createDeprecatedRemoteComponentFactory as a,
   createBridgeComponent as b,
-  createDeprecatedRemoteComponentFactory as c
+  createRemoteAppComponentFactory as c
 };

package/dist/data-fetch-server-middleware.es.js

@@ -1,4 +1,4 @@
-import { D as DATA_FETCH_QUERY, l as logger, e as getDataFetchMap, i as initDataFetchMap, M as MF_DATA_FETCH_STATUS, f as fetchData, h as loadDataFetchModule } from "./utils-dUgb9Jkm.mjs";
+import { D as DATA_FETCH_QUERY, l as logger, e as getDataFetchMap, i as initDataFetchMap, M as MF_DATA_FETCH_STATUS, f as fetchData, h as loadDataFetchModule } from "./utils--qTri1IN.mjs";
 import { M as MANIFEST_EXT, S as SEPARATOR } from "./index.esm-CPwSeCvw.mjs";
 function wrapSetTimeout(targetPromise, delay = 2e4, id) {
   if (targetPromise && typeof targetPromise.then === "function") {

package/dist/data-fetch-utils.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lazyUtils = require("./utils-tM9yE73c.js");
-const prefetch = require("./prefetch-PoipyNzq.js");
+const prefetch = require("./prefetch-BzfBW4fX.js");
 async function callDataFetch() {
   const dataFetch = globalThis[lazyUtils.DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/data-fetch-utils.es.js

@@ -1,7 +1,7 @@
-import { x as DATA_FETCH_FUNCTION } from "./utils-dUgb9Jkm.mjs";
-import { C, a, b, d, c, g, r } from "./utils-dUgb9Jkm.mjs";
-import { d as dataFetchFunction } from "./prefetch-Cv8Vx9jG.mjs";
-import { i, p } from "./prefetch-Cv8Vx9jG.mjs";
+import { x as DATA_FETCH_FUNCTION } from "./utils--qTri1IN.mjs";
+import { C, a, c, b, d, g, r } from "./utils--qTri1IN.mjs";
+import { d as dataFetchFunction } from "./prefetch-C8qqTz8_.mjs";
+import { i, p } from "./prefetch-C8qqTz8_.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {
@@ -15,10 +15,10 @@ async function callDataFetch() {
 export {
   C as CacheSize,
   a as CacheTime,
-  b as cache,
+  c as cache,
   callDataFetch,
-  d as clearStore,
-  c as configureCache,
+  b as clearStore,
+  d as configureCache,
   g as generateKey,
   i as injectDataFetch,
   p as prefetch,

package/dist/index.cjs.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createHelpers = require("./createHelpers-B_L612IN.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-GaQxzHsw.js");
+const createHelpers = require("./createHelpers-2UBGLdcA.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DozDrfqb.js");
+const lazyUtils = require("./utils-tM9yE73c.js");
+const dataFetchUtils = require("./data-fetch-utils.cjs.js");
 const React = require("react");
 const ReactRouterDOM = require("react-router-dom");
 const index = require("./index-DRSBaSu3.js");
-const lazyUtils = require("./utils-tM9yE73c.js");
-const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-PoipyNzq.js");
+const prefetch = require("./prefetch-BzfBW4fX.js");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { R as RemoteAppWrapper, c as createDeprecatedRemoteComponentFactory, a as createRemoteAppComponentFactory } from "./createHelpers-Ui5pt7je.mjs";
-import { b } from "./createHelpers-Ui5pt7je.mjs";
-import { b as b2, a, c, l } from "./lazy-load-component-plugin-lLkUGUIW.mjs";
+import { R as RemoteAppWrapper, c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory } from "./createHelpers-C9qvVTND.mjs";
+import { b } from "./createHelpers-C9qvVTND.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-BoFzraQv.mjs";
+import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils--qTri1IN.mjs";
+import { callDataFetch } from "./data-fetch-utils.es.js";
 import React__default, { forwardRef, useContext, useState, useEffect } from "react";
 import * as ReactRouterDOM from "react-router-dom";
 import { p as pathJoin, L as LoggerInstance } from "./index-DyQNwY2M.mjs";
-import { C, a as a2, E, b as b3, d, c as c2, g, r, s } from "./utils-dUgb9Jkm.mjs";
-import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-Cv8Vx9jG.mjs";
+import { p } from "./prefetch-C8qqTz8_.mjs";
 function e() {
   const t = new PopStateEvent("popstate", { state: window.history.state });
   window.dispatchEvent(t);
@@ -91,14 +91,14 @@ export {
   C as CacheSize,
   a2 as CacheTime,
   E as ERROR_TYPE,
-  b2 as autoFetchDataPlugin,
-  b3 as cache,
+  a as autoFetchDataPlugin,
+  c2 as cache,
   callDataFetch,
-  d as clearStore,
-  a as collectSSRAssets,
-  c2 as configureCache,
+  b3 as clearStore,
+  c as collectSSRAssets,
+  d as configureCache,
   b as createBridgeComponent,
-  c as createLazyComponent,
+  b2 as createLazyComponent,
   createRemoteAppComponent,
   createRemoteComponent,
   g as generateKey,

package/dist/{lazy-load-component-plugin-lLkUGUIW.mjs → lazy-load-component-plugin-BoFzraQv.mjs}

@@ -1,5 +1,5 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-Cv8Vx9jG.mjs";
-import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isCSROnly, h as loadDataFetchModule, M as MF_DATA_FETCH_STATUS, e as getDataFetchMap, t as isServerEnv, u as getDataFetchIdWithErrorMsgs, v as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, w as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, x as DATA_FETCH_FUNCTION, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-dUgb9Jkm.mjs";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-C8qqTz8_.mjs";
+import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isCSROnly, M as MF_DATA_FETCH_STATUS, h as loadDataFetchModule, e as getDataFetchMap, t as isServerEnv, u as getDataFetchIdWithErrorMsgs, v as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, w as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, x as DATA_FETCH_FUNCTION, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils--qTri1IN.mjs";
 import React__default, { useRef, useState, Suspense, useEffect } from "react";
 const autoFetchData = () => {
   initDataFetchMap();
@@ -515,8 +515,8 @@ function lazyLoadComponentPlugin() {
   };
 }
 export {
-  collectSSRAssets as a,
-  autoFetchData as b,
-  createLazyComponent as c,
+  autoFetchData as a,
+  createLazyComponent as b,
+  collectSSRAssets as c,
   lazyLoadComponentPlugin as l
 };

package/dist/{lazy-load-component-plugin-GaQxzHsw.js → lazy-load-component-plugin-DozDrfqb.js}

@@ -1,5 +1,5 @@
 "use strict";
-const prefetch = require("./prefetch-PoipyNzq.js");
+const prefetch = require("./prefetch-BzfBW4fX.js");
 const lazyUtils = require("./utils-tM9yE73c.js");
 const React = require("react");
 const autoFetchData = () => {

package/dist/lazy-load-component-plugin.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-GaQxzHsw.js");
-require("./prefetch-PoipyNzq.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DozDrfqb.js");
+require("./prefetch-BzfBW4fX.js");
 exports.default = lazyLoadComponentPlugin.lazyLoadComponentPlugin;
 exports.lazyLoadComponentPlugin = lazyLoadComponentPlugin.lazyLoadComponentPlugin;

package/dist/lazy-load-component-plugin.es.js

@@ -1,5 +1,5 @@
-import { l, l as l2 } from "./lazy-load-component-plugin-lLkUGUIW.mjs";
-import "./prefetch-Cv8Vx9jG.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-BoFzraQv.mjs";
+import "./prefetch-C8qqTz8_.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/lazy-utils.es.js

@@ -1,17 +1,17 @@
 import "./index.esm-CPwSeCvw.mjs";
-import { G, H, f, J, I, u, k, n, e, m, B, y, i, q, j, t, h, z, s, w } from "./utils-dUgb9Jkm.mjs";
+import { B, G, f, I, J, u, k, n, e, m, H, y, i, q, j, t, h, z, s, w } from "./utils--qTri1IN.mjs";
 export {
-  G as callAllDowngrade,
-  H as callDowngrade,
+  B as callAllDowngrade,
+  G as callDowngrade,
   f as fetchData,
-  J as flushDataFetch,
-  I as getDataFetchCache,
+  I as flushDataFetch,
+  J as getDataFetchCache,
   u as getDataFetchIdWithErrorMsgs,
   k as getDataFetchInfo,
   n as getDataFetchItem,
   e as getDataFetchMap,
   m as getDataFetchMapKey,
-  B as getDowngradeTag,
+  H as getDowngradeTag,
   y as getLoadedRemoteInfos,
   i as initDataFetchMap,
   q as isCSROnly,

package/dist/{prefetch-PoipyNzq.js → prefetch-BzfBW4fX.js}

@@ -87,7 +87,7 @@ const RUNTIME_008 = "RUNTIME-008";
 const RUNTIME_009 = "RUNTIME-009";
 const getDocsUrl = (errorCode) => {
   const type = errorCode.split("-")[0].toLowerCase();
-  return `View the docs to see how to solve: https://module-federation.io/guide/troubleshooting/${type}/${errorCode}`;
+  return `View the docs to see how to solve: https://module-federation.io/guide/troubleshooting/${type}#${errorCode.toLowerCase()}`;
 };
 const getShortErrorMsg = (errorCode, errorDescMap, args, originalErrorMsg) => {
   const msg = [`${[errorDescMap[errorCode]]} #${errorCode}`];
@@ -211,7 +211,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = index_esm.isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.23.0";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.24.0";
   }
 }
 function getInfoWithoutType(target, key) {
@@ -667,6 +667,25 @@ function satisfy(version, range) {
   }
   return false;
 }
+function shouldUseTreeShaking(treeShaking, usedExports) {
+  if (!treeShaking) {
+    return false;
+  }
+  const { status, mode } = treeShaking;
+  if (status === 0) {
+    return false;
+  }
+  if (status === 2) {
+    return true;
+  }
+  if (mode === "runtime-infer") {
+    if (!usedExports) {
+      return true;
+    }
+    return isMatchUsedExports(treeShaking, usedExports);
+  }
+  return false;
+}
 function versionLt(a, b) {
   const transformInvalidVersion = (version) => {
     const isNumberVersion = !Number.isNaN(Number(version));
@@ -709,19 +728,76 @@ const isLoaded = (shared) => {
 const isLoading = (shared) => {
   return Boolean(shared.loading);
 };
-function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName) {
+const isMatchUsedExports = (treeShaking, usedExports) => {
+  if (!treeShaking || !usedExports) {
+    return false;
+  }
+  const { usedExports: treeShakingUsedExports } = treeShaking;
+  if (!treeShakingUsedExports) {
+    return false;
+  }
+  if (usedExports.every((e) => treeShakingUsedExports.includes(e))) {
+    return true;
+  }
+  return false;
+};
+function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName, treeShaking) {
   const versions = shareScopeMap[scope][pkgName];
+  let version = "";
+  let useTreesShaking = shouldUseTreeShaking(treeShaking);
   const callback = function(prev, cur) {
+    if (useTreesShaking) {
+      if (!versions[prev].treeShaking) {
+        return true;
+      }
+      if (!versions[cur].treeShaking) {
+        return false;
+      }
+      return !isLoaded(versions[prev].treeShaking) && versionLt(prev, cur);
+    }
     return !isLoaded(versions[prev]) && versionLt(prev, cur);
   };
-  return findVersion(shareScopeMap[scope][pkgName], callback);
+  if (useTreesShaking) {
+    version = findVersion(shareScopeMap[scope][pkgName], callback);
+    if (version) {
+      return {
+        version,
+        useTreesShaking
+      };
+    }
+    useTreesShaking = false;
+  }
+  return {
+    version: findVersion(shareScopeMap[scope][pkgName], callback),
+    useTreesShaking
+  };
 }
-function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
+const isLoadingOrLoaded = (shared) => {
+  return isLoaded(shared) || isLoading(shared);
+};
+function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName, treeShaking) {
   const versions = shareScopeMap[scope][pkgName];
+  let version = "";
+  let useTreesShaking = shouldUseTreeShaking(treeShaking);
   const callback = function(prev, cur) {
-    const isLoadingOrLoaded = (shared) => {
-      return isLoaded(shared) || isLoading(shared);
-    };
+    if (useTreesShaking) {
+      if (!versions[prev].treeShaking) {
+        return true;
+      }
+      if (!versions[cur].treeShaking) {
+        return false;
+      }
+      if (isLoadingOrLoaded(versions[cur].treeShaking)) {
+        if (isLoadingOrLoaded(versions[prev].treeShaking)) {
+          return Boolean(versionLt(prev, cur));
+        } else {
+          return true;
+        }
+      }
+      if (isLoadingOrLoaded(versions[prev].treeShaking)) {
+        return false;
+      }
+    }
     if (isLoadingOrLoaded(versions[cur])) {
       if (isLoadingOrLoaded(versions[prev])) {
         return Boolean(versionLt(prev, cur));
@@ -734,7 +810,20 @@ function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
     }
     return versionLt(prev, cur);
   };
-  return findVersion(shareScopeMap[scope][pkgName], callback);
+  if (useTreesShaking) {
+    version = findVersion(shareScopeMap[scope][pkgName], callback);
+    if (version) {
+      return {
+        version,
+        useTreesShaking
+      };
+    }
+    useTreesShaking = false;
+  }
+  return {
+    version: findVersion(shareScopeMap[scope][pkgName], callback),
+    useTreesShaking
+  };
 }
 function getFindShareFunction(strategy) {
   if (strategy === "loaded-first") {
@@ -746,37 +835,65 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
   if (!localShareScopeMap) {
     return;
   }
-  const { shareConfig, scope = DEFAULT_SCOPE, strategy } = shareInfo;
+  const { shareConfig, scope = DEFAULT_SCOPE, strategy, treeShaking } = shareInfo;
   const scopes = Array.isArray(scope) ? scope : [scope];
   for (const sc of scopes) {
     if (shareConfig && localShareScopeMap[sc] && localShareScopeMap[sc][pkgName]) {
       const { requiredVersion } = shareConfig;
       const findShareFunction = getFindShareFunction(strategy);
-      const maxOrSingletonVersion = findShareFunction(localShareScopeMap, sc, pkgName);
+      const { version: maxOrSingletonVersion, useTreesShaking } = findShareFunction(localShareScopeMap, sc, pkgName, treeShaking);
       const defaultResolver = () => {
+        const shared = localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
         if (shareConfig.singleton) {
           if (typeof requiredVersion === "string" && !satisfy(maxOrSingletonVersion, requiredVersion)) {
-            const msg = `Version ${maxOrSingletonVersion} from ${maxOrSingletonVersion && localShareScopeMap[sc][pkgName][maxOrSingletonVersion].from} of shared singleton module ${pkgName} does not satisfy the requirement of ${shareInfo.from} which needs ${requiredVersion})`;
+            const msg = `Version ${maxOrSingletonVersion} from ${maxOrSingletonVersion && shared.from} of shared singleton module ${pkgName} does not satisfy the requirement of ${shareInfo.from} which needs ${requiredVersion})`;
             if (shareConfig.strictVersion) {
               error(msg);
             } else {
               warn(msg);
             }
           }
-          return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+          return {
+            shared,
+            useTreesShaking
+          };
         } else {
           if (requiredVersion === false || requiredVersion === "*") {
-            return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+            return {
+              shared,
+              useTreesShaking
+            };
           }
           if (satisfy(maxOrSingletonVersion, requiredVersion)) {
-            return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+            return {
+              shared,
+              useTreesShaking
+            };
+          }
+          const _usedTreeShaking = shouldUseTreeShaking(treeShaking);
+          if (_usedTreeShaking) {
+            for (const [versionKey, versionValue] of Object.entries(localShareScopeMap[sc][pkgName])) {
+              if (!shouldUseTreeShaking(versionValue.treeShaking, treeShaking == null ? void 0 : treeShaking.usedExports)) {
+                continue;
+              }
+              if (satisfy(versionKey, requiredVersion)) {
+                return {
+                  shared: versionValue,
+                  useTreesShaking: _usedTreeShaking
+                };
+              }
+            }
           }
           for (const [versionKey, versionValue] of Object.entries(localShareScopeMap[sc][pkgName])) {
             if (satisfy(versionKey, requiredVersion)) {
-              return versionValue;
+              return {
+                shared: versionValue,
+                useTreesShaking: false
+              };
             }
           }
         }
+        return;
       };
       const params = {
         shareScopeMap: localShareScopeMap,
@@ -784,6 +901,7 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
         pkgName,
         version: maxOrSingletonVersion,
         GlobalFederation: Global.__FEDERATION__,
+        shareInfo,
         resolver: defaultResolver
       };
       const resolveShared = resolveShare.emit(params) || params;

package/dist/{prefetch-Cv8Vx9jG.mjs → prefetch-C8qqTz8_.mjs}

@@ -1,5 +1,5 @@
-import { x as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger$1, e as getDataFetchMap, i as initDataFetchMap, n as getDataFetchItem, M as MF_DATA_FETCH_STATUS, p as MF_DATA_FETCH_TYPE, A as DOWNGRADE_KEY, B as getDowngradeTag, G as callAllDowngrade, H as callDowngrade, k as getDataFetchInfo, m as getDataFetchMapKey } from "./utils-dUgb9Jkm.mjs";
-import { i as isDebugMode, a as createLink, b as createScript, d as isBrowserEnv, c as createLogger, e as composeKeyWithSeparator, l as loadScriptNode, f as loadScript } from "./index.esm-CPwSeCvw.mjs";
+import { x as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger$1, e as getDataFetchMap, i as initDataFetchMap, n as getDataFetchItem, M as MF_DATA_FETCH_STATUS, p as MF_DATA_FETCH_TYPE, A as DOWNGRADE_KEY, B as callAllDowngrade, G as callDowngrade, H as getDowngradeTag, k as getDataFetchInfo, m as getDataFetchMapKey } from "./utils--qTri1IN.mjs";
+import { a as createLink, b as createScript, i as isDebugMode, d as isBrowserEnv, e as composeKeyWithSeparator, l as loadScriptNode, c as createLogger, f as loadScript } from "./index.esm-CPwSeCvw.mjs";
 const dataFetchFunction = async function(options) {
   var _a, _b;
   const [id, data, downgrade] = options;
@@ -86,7 +86,7 @@ const RUNTIME_008 = "RUNTIME-008";
 const RUNTIME_009 = "RUNTIME-009";
 const getDocsUrl = (errorCode) => {
   const type = errorCode.split("-")[0].toLowerCase();
-  return `View the docs to see how to solve: https://module-federation.io/guide/troubleshooting/${type}/${errorCode}`;
+  return `View the docs to see how to solve: https://module-federation.io/guide/troubleshooting/${type}#${errorCode.toLowerCase()}`;
 };
 const getShortErrorMsg = (errorCode, errorDescMap, args, originalErrorMsg) => {
   const msg = [`${[errorDescMap[errorCode]]} #${errorCode}`];
@@ -210,7 +210,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.23.0";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.24.0";
   }
 }
 function getInfoWithoutType(target, key) {
@@ -666,6 +666,25 @@ function satisfy(version, range) {
   }
   return false;
 }
+function shouldUseTreeShaking(treeShaking, usedExports) {
+  if (!treeShaking) {
+    return false;
+  }
+  const { status, mode } = treeShaking;
+  if (status === 0) {
+    return false;
+  }
+  if (status === 2) {
+    return true;
+  }
+  if (mode === "runtime-infer") {
+    if (!usedExports) {
+      return true;
+    }
+    return isMatchUsedExports(treeShaking, usedExports);
+  }
+  return false;
+}
 function versionLt(a, b) {
   const transformInvalidVersion = (version) => {
     const isNumberVersion = !Number.isNaN(Number(version));
@@ -708,19 +727,76 @@ const isLoaded = (shared) => {
 const isLoading = (shared) => {
   return Boolean(shared.loading);
 };
-function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName) {
+const isMatchUsedExports = (treeShaking, usedExports) => {
+  if (!treeShaking || !usedExports) {
+    return false;
+  }
+  const { usedExports: treeShakingUsedExports } = treeShaking;
+  if (!treeShakingUsedExports) {
+    return false;
+  }
+  if (usedExports.every((e) => treeShakingUsedExports.includes(e))) {
+    return true;
+  }
+  return false;
+};
+function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName, treeShaking) {
   const versions = shareScopeMap[scope][pkgName];
+  let version = "";
+  let useTreesShaking = shouldUseTreeShaking(treeShaking);
   const callback = function(prev, cur) {
+    if (useTreesShaking) {
+      if (!versions[prev].treeShaking) {
+        return true;
+      }
+      if (!versions[cur].treeShaking) {
+        return false;
+      }
+      return !isLoaded(versions[prev].treeShaking) && versionLt(prev, cur);
+    }
     return !isLoaded(versions[prev]) && versionLt(prev, cur);
   };
-  return findVersion(shareScopeMap[scope][pkgName], callback);
+  if (useTreesShaking) {
+    version = findVersion(shareScopeMap[scope][pkgName], callback);
+    if (version) {
+      return {
+        version,
+        useTreesShaking
+      };
+    }
+    useTreesShaking = false;
+  }
+  return {
+    version: findVersion(shareScopeMap[scope][pkgName], callback),
+    useTreesShaking
+  };
 }
-function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
+const isLoadingOrLoaded = (shared) => {
+  return isLoaded(shared) || isLoading(shared);
+};
+function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName, treeShaking) {
   const versions = shareScopeMap[scope][pkgName];
+  let version = "";
+  let useTreesShaking = shouldUseTreeShaking(treeShaking);
   const callback = function(prev, cur) {
-    const isLoadingOrLoaded = (shared) => {
-      return isLoaded(shared) || isLoading(shared);
-    };
+    if (useTreesShaking) {
+      if (!versions[prev].treeShaking) {
+        return true;
+      }
+      if (!versions[cur].treeShaking) {
+        return false;
+      }
+      if (isLoadingOrLoaded(versions[cur].treeShaking)) {
+        if (isLoadingOrLoaded(versions[prev].treeShaking)) {
+          return Boolean(versionLt(prev, cur));
+        } else {
+          return true;
+        }
+      }
+      if (isLoadingOrLoaded(versions[prev].treeShaking)) {
+        return false;
+      }
+    }
     if (isLoadingOrLoaded(versions[cur])) {
       if (isLoadingOrLoaded(versions[prev])) {
         return Boolean(versionLt(prev, cur));
@@ -733,7 +809,20 @@ function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
     }
     return versionLt(prev, cur);
   };
-  return findVersion(shareScopeMap[scope][pkgName], callback);
+  if (useTreesShaking) {
+    version = findVersion(shareScopeMap[scope][pkgName], callback);
+    if (version) {
+      return {
+        version,
+        useTreesShaking
+      };
+    }
+    useTreesShaking = false;
+  }
+  return {
+    version: findVersion(shareScopeMap[scope][pkgName], callback),
+    useTreesShaking
+  };
 }
 function getFindShareFunction(strategy) {
   if (strategy === "loaded-first") {
@@ -745,37 +834,65 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
   if (!localShareScopeMap) {
     return;
   }
-  const { shareConfig, scope = DEFAULT_SCOPE, strategy } = shareInfo;
+  const { shareConfig, scope = DEFAULT_SCOPE, strategy, treeShaking } = shareInfo;
   const scopes = Array.isArray(scope) ? scope : [scope];
   for (const sc of scopes) {
     if (shareConfig && localShareScopeMap[sc] && localShareScopeMap[sc][pkgName]) {
       const { requiredVersion } = shareConfig;
       const findShareFunction = getFindShareFunction(strategy);
-      const maxOrSingletonVersion = findShareFunction(localShareScopeMap, sc, pkgName);
+      const { version: maxOrSingletonVersion, useTreesShaking } = findShareFunction(localShareScopeMap, sc, pkgName, treeShaking);
       const defaultResolver = () => {
+        const shared = localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
         if (shareConfig.singleton) {
           if (typeof requiredVersion === "string" && !satisfy(maxOrSingletonVersion, requiredVersion)) {
-            const msg = `Version ${maxOrSingletonVersion} from ${maxOrSingletonVersion && localShareScopeMap[sc][pkgName][maxOrSingletonVersion].from} of shared singleton module ${pkgName} does not satisfy the requirement of ${shareInfo.from} which needs ${requiredVersion})`;
+            const msg = `Version ${maxOrSingletonVersion} from ${maxOrSingletonVersion && shared.from} of shared singleton module ${pkgName} does not satisfy the requirement of ${shareInfo.from} which needs ${requiredVersion})`;
             if (shareConfig.strictVersion) {
               error(msg);
             } else {
               warn(msg);
             }
           }
-          return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+          return {
+            shared,
+            useTreesShaking
+          };
         } else {
           if (requiredVersion === false || requiredVersion === "*") {
-            return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+            return {
+              shared,
+              useTreesShaking
+            };
           }
           if (satisfy(maxOrSingletonVersion, requiredVersion)) {
-            return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+            return {
+              shared,
+              useTreesShaking
+            };
+          }
+          const _usedTreeShaking = shouldUseTreeShaking(treeShaking);
+          if (_usedTreeShaking) {
+            for (const [versionKey, versionValue] of Object.entries(localShareScopeMap[sc][pkgName])) {
+              if (!shouldUseTreeShaking(versionValue.treeShaking, treeShaking == null ? void 0 : treeShaking.usedExports)) {
+                continue;
+              }
+              if (satisfy(versionKey, requiredVersion)) {
+                return {
+                  shared: versionValue,
+                  useTreesShaking: _usedTreeShaking
+                };
+              }
+            }
           }
           for (const [versionKey, versionValue] of Object.entries(localShareScopeMap[sc][pkgName])) {
             if (satisfy(versionKey, requiredVersion)) {
-              return versionValue;
+              return {
+                shared: versionValue,
+                useTreesShaking: false
+              };
             }
           }
         }
+        return;
       };
       const params = {
         shareScopeMap: localShareScopeMap,
@@ -783,6 +900,7 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
         pkgName,
         version: maxOrSingletonVersion,
         GlobalFederation: Global.__FEDERATION__,
+        shareInfo,
         resolver: defaultResolver
       };
       const resolveShared = resolveShare.emit(params) || params;

package/dist/router-v5.cjs.js

@@ -24,6 +24,8 @@ const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(React
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = React.useContext(index.RouterContext) || {};
+  const MemoryRouter = ReactRouterDom__namespace.MemoryRouter;
+  const BrowserRouter = ReactRouterDom__namespace.BrowserRouter;
   index.LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
@@ -31,7 +33,7 @@ function WraperRouter(props) {
   });
   if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
     return /* @__PURE__ */ React.createElement(
-      ReactRouterDom__namespace.MemoryRouter,
+      MemoryRouter,
       {
         ...props,
         initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
@@ -39,7 +41,7 @@ function WraperRouter(props) {
     );
   }
   return /* @__PURE__ */ React.createElement(
-    ReactRouterDom__namespace.BrowserRouter,
+    BrowserRouter,
     {
       ...propsRes,
       basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename

package/dist/router-v5.d.ts

@@ -1,7 +1,6 @@
 import { default as default_2 } from 'react';
-import * as ReactRouterDom from 'react-router-dom/index.js';
 
-export declare function BrowserRouter(props: Parameters<typeof ReactRouterDom.BrowserRouter>[0] | Parameters<typeof ReactRouterDom.MemoryRouter>[0]): default_2.JSX.Element;
+export declare function BrowserRouter(props: Record<string, unknown>): default_2.JSX.Element;
 
 
 export * from "react-router-dom/";

package/dist/router-v5.es.js

@@ -5,6 +5,8 @@ export * from "react-router-dom/index.js";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
+  const MemoryRouter = ReactRouterDom$1.MemoryRouter;
+  const BrowserRouter = ReactRouterDom$1.BrowserRouter;
   LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
@@ -12,7 +14,7 @@ function WraperRouter(props) {
   });
   if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
     return /* @__PURE__ */ React__default.createElement(
-      ReactRouterDom$1.MemoryRouter,
+      MemoryRouter,
       {
         ...props,
         initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
@@ -20,7 +22,7 @@ function WraperRouter(props) {
     );
   }
   return /* @__PURE__ */ React__default.createElement(
-    ReactRouterDom$1.BrowserRouter,
+    BrowserRouter,
     {
       ...propsRes,
       basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename

package/dist/router-v7.cjs.js

@@ -23,6 +23,8 @@ const ReactRouterDom__namespace = /* @__PURE__ */ _interopNamespaceDefault(React
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = React.useContext(index.RouterContext) || {};
+  const MemoryRouter = ReactRouterDom__namespace.MemoryRouter;
+  const BrowserRouter = ReactRouterDom__namespace.BrowserRouter;
   index.LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
@@ -30,7 +32,7 @@ function WraperRouter(props) {
   });
   if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
     return /* @__PURE__ */ React.createElement(
-      ReactRouterDom__namespace.MemoryRouter,
+      MemoryRouter,
       {
         ...props,
         initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
@@ -38,7 +40,7 @@ function WraperRouter(props) {
     );
   }
   return /* @__PURE__ */ React.createElement(
-    ReactRouterDom__namespace.BrowserRouter,
+    BrowserRouter,
     {
       ...propsRes,
       basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename

package/dist/router-v7.d.ts

@@ -1,9 +1,8 @@
 import { default as default_2 } from 'react';
-import * as ReactRouterDom from 'react-router';
 
-export declare function BrowserRouter(props: Parameters<typeof ReactRouterDom.BrowserRouter>[0] | Parameters<typeof ReactRouterDom.MemoryRouter>[0]): default_2.JSX.Element;
+export declare function BrowserRouter(props: Record<string, unknown>): default_2.JSX.Element;
 
-export declare function RouterProvider(props: Parameters<typeof ReactRouterDom.RouterProvider>[0]): default_2.JSX.Element;
+export declare function RouterProvider(props: Record<string, unknown>): default_2.JSX.Element;
 
 
 export * from "react-router";

package/dist/router-v7.es.js

@@ -5,6 +5,8 @@ import { R as RouterContext, L as LoggerInstance } from "./index-DyQNwY2M.mjs";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
+  const MemoryRouter = ReactRouterDom.MemoryRouter;
+  const BrowserRouter = ReactRouterDom.BrowserRouter;
   LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
     routerContextProps,
@@ -12,7 +14,7 @@ function WraperRouter(props) {
   });
   if (routerContextProps == null ? void 0 : routerContextProps.memoryRoute) {
     return /* @__PURE__ */ React__default.createElement(
-      ReactRouterDom.MemoryRouter,
+      MemoryRouter,
       {
         ...props,
         initialEntries: [routerContextProps == null ? void 0 : routerContextProps.memoryRoute.entryPath]
@@ -20,7 +22,7 @@ function WraperRouter(props) {
     );
   }
   return /* @__PURE__ */ React__default.createElement(
-    ReactRouterDom.BrowserRouter,
+    BrowserRouter,
     {
       ...propsRes,
       basename: (routerContextProps == null ? void 0 : routerContextProps.basename) || basename

package/dist/{utils-dUgb9Jkm.mjs → utils--qTri1IN.mjs}

@@ -1976,21 +1976,21 @@ function getLoadedRemoteInfos(id, instance) {
 }
 export {
   DOWNGRADE_KEY as A,
-  getDowngradeTag as B,
+  callAllDowngrade as B,
   CacheSize as C,
   DATA_FETCH_QUERY as D,
   ERROR_TYPE as E,
   FS_HREF as F,
-  callAllDowngrade as G,
-  callDowngrade as H,
-  getDataFetchCache as I,
-  flushDataFetch as J,
+  callDowngrade as G,
+  getDowngradeTag as H,
+  flushDataFetch as I,
+  getDataFetchCache as J,
   LOAD_REMOTE_ERROR_PREFIX as L,
   MF_DATA_FETCH_STATUS as M,
   CacheTime as a,
-  cache as b,
-  configureCache as c,
-  clearStore as d,
+  clearStore as b,
+  cache as c,
+  configureCache as d,
   getDataFetchMap as e,
   fetchData as f,
   generateKey as g,

package/dist/v18.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("react-dom/client");
-const bridgeBase = require("./bridge-base-RStDxH71.js");
+const bridgeBase = require("./bridge-base-1Grpgans.js");
 function createReact18Root(container, options) {
   return client.createRoot(container, options);
 }

package/dist/v18.es.js

@@ -1,5 +1,5 @@
 import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./bridge-base-CPSTBjEp.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-CIgEZf8X.mjs";
 function createReact18Root(container, options) {
   return createRoot(container, options);
 }

package/dist/v19.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("react-dom/client");
-const bridgeBase = require("./bridge-base-RStDxH71.js");
+const bridgeBase = require("./bridge-base-1Grpgans.js");
 function createReact19Root(container, options) {
   return client.createRoot(container, options);
 }

package/dist/v19.es.js

@@ -1,5 +1,5 @@
 import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./bridge-base-CPSTBjEp.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-CIgEZf8X.mjs";
 function createReact19Root(container, options) {
   return createRoot(container, options);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -129,8 +129,8 @@
   "dependencies": {
     "react-error-boundary": "^4.1.2",
     "lru-cache": "^10.4.3",
-    "@module-federation/sdk": "0.23.0",
-    "@module-federation/bridge-shared": "0.23.0"
+    "@module-federation/bridge-shared": "0.24.0",
+    "@module-federation/sdk": "0.24.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -156,14 +156,14 @@
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-router-dom": "6.22.3",
-    "react-router": "7.9.4",
+    "react-router-dom": "6.30.2",
+    "react-router": "7.12.0",
     "typescript": "^5.2.2",
     "vite": "^5.4.21",
     "vite-plugin-dts": "^4.3.0",
-    "hono": "4.10.3",
-    "@module-federation/runtime": "0.23.0",
-    "@module-federation/runtime-core": "0.23.0"
+    "hono": "4.11.7",
+    "@module-federation/runtime": "0.24.0",
+    "@module-federation/runtime-core": "0.24.0"
   },
   "scripts": {
     "dev": "vite",

package/src/provider/versions/bridge-base.tsx

@@ -50,6 +50,9 @@ export function createBaseBridgeComponent<T>({
       </div>
     );
 
+    const ErrorBoundaryComponent =
+      ErrorBoundary as unknown as React.ComponentType<any>;
+
     const BridgeWrapper = ({
       basename,
       moduleName,
@@ -63,7 +66,7 @@ export function createBaseBridgeComponent<T>({
       propsInfo: T;
       fallback?: React.ComponentType<FallbackProps>;
     }) => (
-      <ErrorBoundary FallbackComponent={fallback || DefaultFallback}>
+      <ErrorBoundaryComponent FallbackComponent={fallback || DefaultFallback}>
         <RawComponent
           appInfo={{
             moduleName,
@@ -72,7 +75,7 @@ export function createBaseBridgeComponent<T>({
           }}
           propsInfo={propsInfo}
         />
-      </ErrorBoundary>
+      </ErrorBoundaryComponent>
     );
 
     return {

package/src/remote/createHelpers.tsx

@@ -91,6 +91,8 @@ export function createLazyRemoteComponentFactory(
 export function createRemoteAppComponentFactory(
   RemoteApp: React.ComponentType<any>,
 ) {
+  const ErrorBoundaryComponent =
+    ErrorBoundary as unknown as React.ComponentType<any>;
   const createLazyRemoteComponent = createLazyRemoteComponentFactory(RemoteApp);
 
   return function createRemoteAppComponent<
@@ -100,7 +102,7 @@ export function createRemoteAppComponentFactory(
     const LazyComponent = createLazyRemoteComponent(info);
     return forwardRef<HTMLDivElement, RemoteComponentProps>((props, ref) => {
       return (
-        <ErrorBoundary
+        <ErrorBoundaryComponent
           FallbackComponent={
             info.fallback as React.ComponentType<FallbackProps>
           }
@@ -108,7 +110,7 @@ export function createRemoteAppComponentFactory(
           <React.Suspense fallback={info.loading}>
             <LazyComponent {...props} ref={ref} />
           </React.Suspense>
-        </ErrorBoundary>
+        </ErrorBoundaryComponent>
       );
     });
   };

package/src/router/v5.tsx

@@ -5,13 +5,13 @@ import * as ReactRouterDom from 'react-router-dom/index.js';
 import { RouterContext } from '../provider/context';
 import { LoggerInstance } from '../utils';
 
-function WraperRouter(
-  props:
-    | Parameters<typeof ReactRouterDom.BrowserRouter>[0]
-    | Parameters<typeof ReactRouterDom.MemoryRouter>[0],
-) {
+function WraperRouter(props: Record<string, unknown>) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
+  const MemoryRouter =
+    ReactRouterDom.MemoryRouter as unknown as React.ComponentType<any>;
+  const BrowserRouter =
+    ReactRouterDom.BrowserRouter as unknown as React.ComponentType<any>;
 
   LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
@@ -21,14 +21,14 @@ function WraperRouter(
 
   if (routerContextProps?.memoryRoute) {
     return (
-      <ReactRouterDom.MemoryRouter
+      <MemoryRouter
         {...props}
         initialEntries={[routerContextProps?.memoryRoute.entryPath]}
       />
     );
   }
   return (
-    <ReactRouterDom.BrowserRouter
+    <BrowserRouter
       {...propsRes}
       basename={routerContextProps?.basename || basename}
     />

package/src/router/v7.tsx

@@ -5,13 +5,13 @@ import * as ReactRouterDom from 'react-router';
 import { RouterContext } from '../provider/context';
 import { LoggerInstance } from '../utils';
 
-function WraperRouter(
-  props:
-    | Parameters<typeof ReactRouterDom.BrowserRouter>[0]
-    | Parameters<typeof ReactRouterDom.MemoryRouter>[0],
-) {
+function WraperRouter(props: Record<string, unknown>) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};
+  const MemoryRouter =
+    ReactRouterDom.MemoryRouter as unknown as React.ComponentType<any>;
+  const BrowserRouter =
+    ReactRouterDom.BrowserRouter as unknown as React.ComponentType<any>;
 
   LoggerInstance.debug(`WraperRouter info >>>`, {
     ...routerContextProps,
@@ -21,24 +21,22 @@ function WraperRouter(
 
   if (routerContextProps?.memoryRoute) {
     return (
-      <ReactRouterDom.MemoryRouter
+      <MemoryRouter
         {...props}
         initialEntries={[routerContextProps?.memoryRoute.entryPath]}
       />
     );
   }
   return (
-    <ReactRouterDom.BrowserRouter
+    <BrowserRouter
       {...propsRes}
       basename={routerContextProps?.basename || basename}
     />
   );
 }
 
-function WraperRouterProvider(
-  props: Parameters<typeof ReactRouterDom.RouterProvider>[0],
-) {
-  const { router, ...propsRes } = props;
+function WraperRouterProvider(props: Record<string, unknown>) {
+  const { router, ...propsRes } = props as { router: any };
   const routerContextProps = useContext(RouterContext) || {};
   const routers = router.routes;
   LoggerInstance.debug(`WraperRouterProvider info >>>`, {
@@ -47,7 +45,9 @@ function WraperRouterProvider(
     WraperRouterProviderProps: props,
     router,
   });
-  const RouterProvider = (ReactRouterDom as any)['Router' + 'Provider'];
+  const RouterProvider = (ReactRouterDom as any)[
+    'Router' + 'Provider'
+  ] as React.ComponentType<any>;
   const createMemoryRouter = (ReactRouterDom as any)['create' + 'MemoryRouter'];
   const createBrowserRouter = (ReactRouterDom as any)[
     'create' + 'BrowserRouter'