diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index bd4596079..9b0eba607 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -1,8 +1,8 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require('prism-react-renderer/themes/github');
-const darkCodeTheme = require('prism-react-renderer/themes/dracula');
+const lightCodeTheme = require('prism-react-renderer').themes.github;
+const darkCodeTheme = require('prism-react-renderer').themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 async function createConfig() {
diff --git a/docs/package.json b/docs/package.json
index 4e6405a9f..a78edc49e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -23,7 +23,7 @@
     "clsx": "^1.2.1",
     "mdx-mermaid": "^1.3.2",
     "mermaid": "^10.0.0",
-    "prism-react-renderer": "^1.3.5",
+    "prism-react-renderer": "^2.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },