diff --git a/packages/renderer-react/src/routes.tsx b/packages/renderer-react/src/routes.tsx
index 0cbbdc4ff177..f2d7be5c64c2 100644
--- 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>
   );
 }