feat(bridge-react): support basename passed by remote module props (#…

…3410)
module-federation · Dec 26, 2024 · 4102786 · 4102786
1 parent 835b09c
commit 4102786
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/twelve-pumpkins-film.md b/.changeset/twelve-pumpkins-film.md
@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': patch
+---
+
+feat: support basename passed by remote module props
diff --git a/apps/router-demo/router-host-2000/src/App.tsx b/apps/router-demo/router-host-2000/src/App.tsx
@@ -127,7 +127,9 @@ const App = () => {
         <Route path="/detail/*" Component={Detail} />
         <Route
           path="/remote1/*"
-          Component={() => <Remote1App name={'Ming'} age={12} ref={ref} />}
+          Component={() => (
+            <Remote1App name={'Ming'} age={122} basename="/remote1" />
+          )}
         />
         <Route
           path="/remote2/*"

diff --git a/packages/bridge/bridge-react/src/remote/index.tsx b/packages/bridge/bridge-react/src/remote/index.tsx
@@ -158,6 +158,11 @@ export function withRouterData<
   WrappedComponent: React.ComponentType<P & ExtraDataProps>,
 ): React.FC<Omit<P, keyof ExtraDataProps>> {
   const Component = forwardRef(function (props: any, ref) {
+    if (props?.basename) {
+      return (
+        <WrappedComponent {...props} basename={props.basename} ref={ref} />
+      );
+    }
     let enableDispathPopstate = false;
     let routerContextVal: any;
     try {