fix

components/HeroHeader.tsx

@@ -1,7 +1,6 @@
-import React, { Component } from 'react'
-
 import raf from 'raf'
 import random from 'random'
+import React, { Component } from 'react'
 import FluidAnimation from 'react-fluid-animation'
 
 const exp = random.exponential()

components/NotionPage.tsx

@@ -3,16 +3,15 @@ import dynamic from 'next/dynamic'
 import Image from 'next/legacy/image'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import * as React from 'react'
-
-import { PageBlock } from 'notion-types'
+import { type PageBlock } from 'notion-types'
 import {
   formatDate,
   getBlockTitle,
   getPageProperty,
   normalizeTitle,
   parsePageId
 } from 'notion-utils'
+import * as React from 'react'
 import BodyClassName from 'react-body-classname'
 import { type NotionComponents, NotionRenderer } from 'react-notion-x'
 import TweetEmbed from 'react-tweet-embed'

package.json

@@ -50,13 +50,13 @@
     "p-memoize": "^7.1.1",
     "posthog-js": "^1.20.2",
     "prismjs": "^1.29.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-notion-x": "^7.0.1",
     "raf": "^3.4.1",
-    "random": "^3.0.6",
+    "random": "^5.1.1",
+    "react": "^18.2.0",
     "react-body-classname": "^1.3.1",
+    "react-dom": "^18.2.0",
     "react-fluid-animation": "^1.0.1",
+    "react-notion-x": "^7.0.1",
     "react-tweet-embed": "^2.0.0",
     "react-use": "^17.4.2",
     "rss": "^1.2.2"
@@ -66,6 +66,7 @@
     "@next/bundle-analyzer": "^15.0.2",
     "@types/lodash.omit": "^4.5.6",
     "@types/node": "^22.8.6",
+    "@types/raf": "^3.4.3",
     "@types/react": "^18.0.21",
     "cross-env": "^7.0.2",
     "eslint": "^8.57.1",

pages/_app.tsx

@@ -3,19 +3,14 @@
 
 // used for code syntax highlighting (optional)
 import 'prismjs/themes/prism-coy.css'
-
 // core styles shared by all of react-notion-x (required)
 import 'react-notion-x/src/styles.css'
-
 // global styles shared across the entire site
 import 'styles/global.css'
-
 // this might be better for dark mode
 // import 'prismjs/themes/prism-okaidia.css'
-
 // global style overrides for notion
 import 'styles/notion.css'
-
 // global style overrides for prism theme (optional)
 import 'styles/prism-theme.css'