fix: react-notion-x imports

Author: transitive-bullshit

packages/react-notion-x/package.json

@@ -66,7 +66,7 @@
     "react-lazy-images": "^1.1.0",
     "react-modal": "^3.14.3",
     "react-pdf": "^9.1.1",
-    "react-use": "^17.3.1"
+    "react-use": "^17.5.1"
   },
   "devDependencies": {
     "@types/lodash.throttle": "^4.1.6",

packages/react-notion-x/src/third-party/code.tsx

@@ -14,7 +14,7 @@ import copyToClipboard from 'clipboard-copy'
 import { type CodeBlock } from 'notion-types'
 import { getBlockTitle } from 'notion-utils'
 // eslint-disable-next-line import/no-duplicates, no-duplicate-imports
-import { highlightElement } from 'prismjs'
+import prism from 'prismjs'
 import * as React from 'react'
 
 import { Text } from '../components/text'
@@ -55,7 +55,7 @@ export function Code({
   React.useEffect(() => {
     if (codeRef.current) {
       try {
-        highlightElement(codeRef.current)
+        prism.highlightElement(codeRef.current)
       } catch (err) {
         console.warn('prismjs highlight error', err)
       }