diff --git a/apps/website-new/docs/en/practice/bridge/react-bridge/load-app.mdx b/apps/website-new/docs/en/practice/bridge/react-bridge/load-app.mdx
index 72e388f230f..ceba2c28b8f 100644
--- a/apps/website-new/docs/en/practice/bridge/react-bridge/load-app.mdx
+++ b/apps/website-new/docs/en/practice/bridge/react-bridge/load-app.mdx
@@ -88,7 +88,7 @@ import { LoadingComponent, ErrorFallback } from '../components/RemoteComponents'
 
 export const Remote1App = createRemoteAppComponent({
   loader: () => loadRemote('remote1/export-app'),
-  loading: LoadingComponent,
+  loading: <LoadingComponent />,
   fallback: ErrorFallback,
 });
 ```
diff --git a/apps/website-new/docs/zh/practice/bridge/react-bridge/load-app.mdx b/apps/website-new/docs/zh/practice/bridge/react-bridge/load-app.mdx
index f8d021cc3a7..1905cec1b73 100644
--- a/apps/website-new/docs/zh/practice/bridge/react-bridge/load-app.mdx
+++ b/apps/website-new/docs/zh/practice/bridge/react-bridge/load-app.mdx
@@ -98,7 +98,7 @@ import { LoadingComponent, ErrorFallback } from '../components/RemoteComponents'
 
 export const Remote1App = createRemoteAppComponent({
   loader: () => loadRemote('remote1/export-app'),
-  loading: LoadingComponent,
+  loading: <LoadingComponent />,
   fallback: ErrorFallback,
 });
 ```