fix: prevent destroy/render remote component every time rerendering f…

…rom host
module-federation · Feb 4, 2025 · a2e87fe · a2e87fe
1 parent f141396
commit a2e87fe
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/bridge/bridge-react/src/create.tsx b/packages/bridge/bridge-react/src/create.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import {
   ErrorBoundary,
   ErrorBoundaryPropsWithComponent,
@@ -102,7 +102,7 @@ export function createRemoteComponent<T, E extends keyof T>(
 
   return forwardRef<HTMLDivElement, ProviderParams & RawComponentType>(
     (props, ref) => {
-      const LazyComponent = createLazyRemoteComponent(info);
+      const LazyComponent = useMemo(() => createLazyRemoteComponent(info), []);
       return (
         <ErrorBoundary FallbackComponent={info.fallback}>
           <React.Suspense fallback={info.loading}>