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

Author: danpeen

.changeset/twelve-pumpkins-film.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': patch
+---
+
+feat: support basename passed by remote module props

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/*"

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 {