Uprgade react-notion-x and fix getPage errors

Author: dinhanhthi

package.json

@@ -47,9 +47,9 @@
     "mermaid": "^10.4.0",
     "moment": "^2.29.4",
     "next": "^14.2.3",
-    "notion-client": "^6.16.0",
-    "notion-types": "^6.16.0",
-    "notion-utils": "^6.16.0",
+    "notion-client": "^7.4.3",
+    "notion-types": "^7.4.3",
+    "notion-utils": "^7.4.3",
     "open-graph-scraper": "^6.2.2",
     "p-memoize": "^7.1.1",
     "prismjs": "^1.29.0",

src/lib/notionx.ts

@@ -3,11 +3,29 @@ import { ExtendedRecordMap } from 'notion-types'
 
 export const notionX = new NotionAPI({
   activeUser: process.env.NOTION_ACTIVE_USER,
-  authToken: process.env.NOTION_TOKEN_V2
+  authToken: process.env.NOTION_TOKEN_V2,
+  kyOptions: {
+    hooks: {
+      beforeRequest: [
+        (request, options) => {
+          const url = request.url.toString();
+
+          if (url.includes('/api/v3/syncRecordValues')) {
+            return new Request(
+              url.replace('/api/v3/syncRecordValues', '/api/v3/syncRecordValuesMain'),
+              options,
+            );
+          }
+
+          return request;
+        },
+      ],
+    },
+  },
 })
 
 export async function getPage(pageId: string) {
-  const recordMap = await notionX.getPage(pageId)
+  const recordMap = await notionX.getPage(pageId, )
   const newRecordMap = await fixMissingBlocks(recordMap)
   return newRecordMap
 }
@@ -39,12 +57,11 @@ async function fixMissingBlocks(recordMap: ExtendedRecordMap): Promise<ExtendedR
       return false
     })
   }
-  const missingBlocks = await notionX.getBlocks(brokenBlockIds)
+  const missingBlocks = brokenBlockIds?.length ? await notionX.getBlocks(brokenBlockIds) : null
   const newBlocks = {
     ...recordMap.block,
     ...missingBlocks?.recordMap?.block
   }
-
   return {
     ...recordMap,
     block: newBlocks