diff --git a/packages/frontend/core/src/hooks/use-block-suite-workspace-page.ts b/packages/frontend/core/src/hooks/use-block-suite-workspace-page.ts
index 618ca0b865..1ec1070ac3 100644
--- a/packages/frontend/core/src/hooks/use-block-suite-workspace-page.ts
+++ b/packages/frontend/core/src/hooks/use-block-suite-workspace-page.ts
@@ -1,7 +1,10 @@
+import { DebugLogger } from '@affine/debug';
 import { DisposableGroup } from '@blocksuite/global/utils';
 import type { Doc, DocCollection } from '@blocksuite/store';
 import { useEffect, useState } from 'react';
 
+const logger = new DebugLogger('use-doc-collection-page');
+
 export function useDocCollectionPage(
   docCollection: DocCollection,
   pageId: string | null
@@ -33,7 +36,11 @@ export function useDocCollectionPage(
 
   useEffect(() => {
     if (page && !page.loaded) {
-      page.load();
+      try {
+        page.load();
+      } catch (err) {
+        logger.error('Failed to load page', err);
+      }
     }
   }, [page]);