fix(code): code hydration error

- prismjs is under the hood, it addes language and tabIndex attributes to pre tag but the ssr results doesn't have these, so hydration error occures.
NotionX · Feb 12, 2025 · c133283 · c133283
1 parent b2682fe
commit c133283
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/react-notion-x/src/third-party/code.tsx b/packages/react-notion-x/src/third-party/code.tsx
@@ -84,7 +84,11 @@ export function Code({
 
   return (
     <>
-      <pre className={cs('notion-code', className)}>
+      <pre
+        className={cs('notion-code', `language-${language}`, className)}
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+        tabIndex={0}
+      >
         <div className='notion-code-copy'>
           {copyButton}