From 437bba0b6f05b97944d0a6fed537367e4698fdb3 Mon Sep 17 00:00:00 2001
From: arvinxx <arvinx@foxmail.com>
Date: Tue, 7 Jan 2025 19:23:40 +0800
Subject: [PATCH] fix portal suspense error

---
 src/app/(main)/chat/(workspace)/_layout/Desktop/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/(main)/chat/(workspace)/_layout/Desktop/index.tsx b/src/app/(main)/chat/(workspace)/_layout/Desktop/index.tsx
index 2f9e3ad64702..778d58ff0794 100644
--- 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 />