diff --git a/packages/frontend/core/src/components/root-app-sidebar/updater-button.tsx b/packages/frontend/core/src/components/root-app-sidebar/updater-button.tsx
index 38383a225..c37e9c985 100644
--- a/packages/frontend/core/src/components/root-app-sidebar/updater-button.tsx
+++ b/packages/frontend/core/src/components/root-app-sidebar/updater-button.tsx
@@ -1,8 +1,9 @@
 import { useAppUpdater } from '@affine/core/hooks/use-app-updater';
+import { Suspense } from 'react';
 
 import { AppUpdaterButton } from '../app-sidebar';
 
-export const UpdaterButton = () => {
+const UpdaterButtonInner = () => {
   const appUpdater = useAppUpdater();
 
   return (
@@ -20,3 +21,11 @@ export const UpdaterButton = () => {
     />
   );
 };
+
+export const UpdaterButton = () => {
+  return (
+    <Suspense>
+      <UpdaterButtonInner />
+    </Suspense>
+  );
+};