diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
index 56f16c9ffa..82cecb61cd 100644
--- a/docusaurus/docusaurus.config.js
+++ b/docusaurus/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');
+import lightCodeTheme from 'prism-react-renderer/themes/github';
+import darkCodeTheme from 'prism-react-renderer/themes/dracula';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -41,7 +41,7 @@ const config = {
           // Remove this to remove the "edit this page" links.
         },
         blog:  false,
-        theme: {customCss: require.resolve('./src/css/custom.css'),},
+        theme: { customCss: require.resolve('./src/css/custom.css') },
       }),
     ],
   ],
@@ -75,4 +75,4 @@ const config = {
     }),
 };
 
-module.exports = config;
+export default config;
diff --git a/docusaurus/sidebars.js b/docusaurus/sidebars.js
index 12b77a79d6..1a8e2a4f05 100644
--- a/docusaurus/sidebars.js
+++ b/docusaurus/sidebars.js
@@ -14,7 +14,7 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
+  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
 
   // But you can create a sidebar manually
   /*