fix: router compat5 make render deap loop (#12783)

umijs · Nov 14, 2024 · 8c2e2d8 · 8c2e2d8
1 parent b3db94e
commit 8c2e2d8
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/renderer-react/src/routes.tsx b/packages/renderer-react/src/routes.tsx
@@ -130,15 +130,14 @@ function RemoteComponentReactRouter5(props: any) {
     route,
     routes: clientRoutes,
   };
-  const Remote = () => (
-    <Component {...ComponentProps}>{props.hasChildren && <Outlet />}</Component>
-  );
   return props.useStream ? (
     <React.Suspense fallback={<props.loadingComponent />}>
-      <Remote />
+      <Component {...ComponentProps}>
+        {props.hasChildren && <Outlet />}
+      </Component>
     </React.Suspense>
   ) : (
-    <Remote />
+    <Component {...ComponentProps}>{props.hasChildren && <Outlet />}</Component>
   );
 }