🐛 fix: fix portal suspense error when first open (#5322)

lobehub · Jan 7, 2025 · 0d4c487 · 0d4c487
1 parent 758ade2
commit 0d4c487
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/app/(main)/chat/(workspace)/_layout/Desktop/index.tsx b/src/app/(main)/chat/(workspace)/_layout/Desktop/index.tsx
@@ -1,5 +1,8 @@
+import { Suspense } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import BrandTextLoading from '@/components/Loading/BrandTextLoading';
+
 import { LayoutProps } from '../type';
 import ChatHeader from './ChatHeader';
 import HotKeys from './HotKeys';
@@ -24,7 +27,9 @@ const Layout = ({ children, topic, conversation, portal }: LayoutProps) => {
           {conversation}
         </Flexbox>
         {children}
-        <Portal>{portal}</Portal>
+        <Portal>
+          <Suspense fallback={<BrandTextLoading />}>{portal}</Suspense>
+        </Portal>
         <TopicPanel>{topic}</TopicPanel>
       </Flexbox>
       <HotKeys />