diff --git a/src/components/DocumentView/CodeBlock/PlainCodeBlock.tsx b/src/components/DocumentView/CodeBlock/PlainCodeBlock.tsx
index 9979af84d..2d6b81fc5 100644
--- a/src/components/DocumentView/CodeBlock/PlainCodeBlock.tsx
+++ b/src/components/DocumentView/CodeBlock/PlainCodeBlock.tsx
@@ -1,4 +1,5 @@
 import { DocumentBlockCode, JSONDocument } from '@gitbook/api';
+import { useId } from 'react';
 
 import { CodeBlock } from './CodeBlock';
 
@@ -8,8 +9,10 @@ import { CodeBlock } from './CodeBlock';
  */
 export function PlainCodeBlock(props: { code: string; syntax: string }) {
     const { code, syntax } = props;
+    const id = useId();
 
     const block: DocumentBlockCode = {
+        key: id,
         object: 'block',
         type: 'code',
         data: {