fix: react-notion-x imports

NotionX · Nov 1, 2024 · 32fbb4b · 32fbb4b
1 parent b7fb2ec
commit 32fbb4b
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 26 deletions.
diff --git a/packages/react-notion-x/package.json b/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",

diff --git a/packages/react-notion-x/src/third-party/code.tsx b/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)
       }

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml