From a2e87fe333b6e9884d154b2d11ddf7a047934598 Mon Sep 17 00:00:00 2001
From: Duc Dao <ducdv@luminpdf.com>
Date: Tue, 4 Feb 2025 10:42:57 +0700
Subject: [PATCH] fix: prevent destroy/render remote component every time
 rerendering from host

---
 packages/bridge/bridge-react/src/create.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/bridge/bridge-react/src/create.tsx b/packages/bridge/bridge-react/src/create.tsx
index b107b740917..e7adbfa0cf4 100644
--- 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}>