From c59a6a833c9dd620f46749d2f825204f9a8a4ab6 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Tue, 26 Dec 2023 07:37:41 +0000
Subject: [PATCH] fix(core): workpace list blink issue on open (#5400)

---
 .../core/src/components/root-app-sidebar/index.tsx        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/core/src/components/root-app-sidebar/index.tsx b/packages/frontend/core/src/components/root-app-sidebar/index.tsx
index 6162ec023a..151e3181cd 100644
--- a/packages/frontend/core/src/components/root-app-sidebar/index.tsx
+++ b/packages/frontend/core/src/components/root-app-sidebar/index.tsx
@@ -30,7 +30,7 @@ import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useAtom, useAtomValue } from 'jotai';
 import { nanoid } from 'nanoid';
 import type { HTMLAttributes, ReactElement } from 'react';
-import { forwardRef, useCallback, useEffect, useMemo } from 'react';
+import { forwardRef, Suspense, useCallback, useEffect, useMemo } from 'react';
 
 import { openWorkspaceListModalAtom } from '../../atoms';
 import { useHistoryAtom } from '../../atoms/history';
@@ -218,7 +218,11 @@ export const RootAppSidebar = ({
           rootOptions={{
             open: openUserWorkspaceList,
           }}
-          items={<UserWithWorkspaceList onEventEnd={closeUserWorkspaceList} />}
+          items={
+            <Suspense>
+              <UserWithWorkspaceList onEventEnd={closeUserWorkspaceList} />
+            </Suspense>
+          }
           contentOptions={{
             // hide trigger
             sideOffset: -58,