From c13328395f29a52d11dc3bd904ebda2b0727b026 Mon Sep 17 00:00:00 2001
From: nightohl <haneojin@gmail.com>
Date: Thu, 13 Feb 2025 02:20:05 +0900
Subject: [PATCH] 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.
---
 packages/react-notion-x/src/third-party/code.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react-notion-x/src/third-party/code.tsx b/packages/react-notion-x/src/third-party/code.tsx
index 8c994c3ca..2e3081088 100644
--- 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}