fix(hooks): use uuid as pageId (#4658)

packages/frontend/hooks/package.json

@@ -10,7 +10,8 @@
     "jotai": "^2.4.3",
     "lodash.debounce": "^4.0.8",
     "react": "18.2.0",
-    "swr": "2.2.4"
+    "swr": "2.2.4",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@affine/env": "workspace:*",

packages/frontend/hooks/src/use-block-suite-workspace-helper.ts

@@ -1,10 +1,14 @@
 import type { Page, Workspace } from '@blocksuite/store';
 import { useMemo } from 'react';
+import { v4 as uuid } from 'uuid';
 
 export function useBlockSuiteWorkspaceHelper(blockSuiteWorkspace: Workspace) {
   return useMemo(
     () => ({
       createPage: (pageId?: string): Page => {
+        if (!pageId) {
+          pageId = uuid();
+        }
         return blockSuiteWorkspace.createPage({ id: pageId });
       },
     }),

yarn.lock

@@ -12706,6 +12706,7 @@ __metadata:
     lodash.debounce: ^4.0.8
     react: 18.2.0
     swr: 2.2.4
+    uuid: ^9.0.1
     vitest: 0.34.6
     y-provider: "workspace:*"
   peerDependencies: