diff --git a/packages/website/package.json b/packages/website/package.json
index de51b327e683..b5773fc35afa 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -32,7 +32,7 @@
     "konamimojisplosion": "^0.5.2",
     "lz-string": "^1.5.0",
     "prettier": "^3.2.5",
-    "prism-react-renderer": "^1.3.5",
+    "prism-react-renderer": "^2.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-resizable-panels": "^0.0.63",
diff --git a/packages/website/src/theme/CodeBlock/Content/String.tsx b/packages/website/src/theme/CodeBlock/Content/String.tsx
index 16cc0880ba1a..dcd0b526ec52 100644
--- a/packages/website/src/theme/CodeBlock/Content/String.tsx
+++ b/packages/website/src/theme/CodeBlock/Content/String.tsx
@@ -15,8 +15,7 @@ import Line from '@theme/CodeBlock/Line';
 import WordWrapButton from '@theme/CodeBlock/WordWrapButton';
 import clsx from 'clsx';
 import * as lz from 'lz-string';
-import type { Language } from 'prism-react-renderer';
-import Highlight, { defaultProps } from 'prism-react-renderer';
+import { Highlight } from 'prism-react-renderer';
 import React from 'react';
 
 import { TryInPlayground } from '../../MDXComponents/TryInPlayground';
@@ -75,12 +74,7 @@ export default function CodeBlockString({
     >
       {title && <div className={styles.codeBlockTitle}>{title}</div>}
       <div className={styles.codeBlockContent}>
-        <Highlight
-          {...defaultProps}
-          theme={prismTheme}
-          code={code}
-          language={(language ?? 'text') as Language}
-        >
+        <Highlight theme={prismTheme} code={code} language={language ?? 'text'}>
           {({
             className,
             tokens,
diff --git a/yarn.lock b/yarn.lock
index 6b6346e2f6b6..1f3c9775fb32 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16905,16 +16905,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prism-react-renderer@npm:^1.3.5":
-  version: 1.3.5
-  resolution: "prism-react-renderer@npm:1.3.5"
-  peerDependencies:
-    react: ">=0.14.9"
-  checksum: c18806dcbc4c0b4fd6fd15bd06b4f7c0a6da98d93af235c3e970854994eb9b59e23315abb6cfc29e69da26d36709a47e25da85ab27fed81b6812f0a52caf6dfa
-  languageName: node
-  linkType: hard
-
-"prism-react-renderer@npm:^2.3.0":
+"prism-react-renderer@npm:^2.3.0, prism-react-renderer@npm:^2.3.1":
   version: 2.3.1
   resolution: "prism-react-renderer@npm:2.3.1"
   dependencies:
@@ -20467,7 +20458,7 @@ __metadata:
     mdast-util-mdx: ^3.0.0
     monaco-editor: ~0.50.0
     prettier: ^3.2.5
-    prism-react-renderer: ^1.3.5
+    prism-react-renderer: ^2.3.1
     raw-loader: ^4.0.2
     react: ^18.2.0
     react-dom: ^18.2.0