From 6d5b101bb3e247344f04e54d37bca9f60df29f2e Mon Sep 17 00:00:00 2001
From: Himself65 <himself65@outlook.com>
Date: Wed, 12 Apr 2023 12:06:22 -0500
Subject: [PATCH] fix: use `startTransition` (#1903)

---
 apps/web/src/components/page-detail-editor.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/page-detail-editor.tsx b/apps/web/src/components/page-detail-editor.tsx
index e5c3fdb324..72c335a16f 100644
--- a/apps/web/src/components/page-detail-editor.tsx
+++ b/apps/web/src/components/page-detail-editor.tsx
@@ -5,7 +5,7 @@ import { useBlockSuiteWorkspacePageTitle } from '@toeverything/hooks/use-blocksu
 import { useAtomValue, useSetAtom } from 'jotai';
 import Head from 'next/head';
 import type React from 'react';
-import { lazy, useCallback } from 'react';
+import { lazy, startTransition, useCallback } from 'react';
 
 import { currentEditorAtom, workspacePreferredModeAtom } from '../atoms';
 import { usePageMeta } from '../hooks/use-page-meta';
@@ -73,14 +73,18 @@ export const PageDetailEditor: React.FC<PageDetailEditorProps> = ({
         page={page}
         onInit={useCallback(
           (page: Page, editor: Readonly<EditorContainer>) => {
-            setEditor(editor);
+            startTransition(() => {
+              setEditor(editor);
+            });
             onInit(page, editor);
           },
           [onInit, setEditor]
         )}
         onLoad={useCallback(
           (page: Page, editor: EditorContainer) => {
-            setEditor(editor);
+            startTransition(() => {
+              setEditor(editor);
+            });
             onLoad?.(page, editor);
           },
           [onLoad, setEditor]