feat: update React & Docusaurus & prism-react-renderer (#698)

Author: tats-u

benchmarks/fixtures/react-app/src/App.test.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from "react-dom/client";
 import App from './App';
 
 it('renders without crashing', () => {
   const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+  const root = createRoot(div);
+  root.render(<App />);
+  root.unmount();
 });

benchmarks/fixtures/react-app/src/index.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from "react-dom/client";
 import './index.css';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = createRoot(document.getElementById('root'));
+root.render(<App />);
 registerServiceWorker();

docusaurus.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const { themes } = require('prism-react-renderer');
 const progress = require("./scripts/progress_lang.json");
 
 const GITHUB_URL = 'https://github.com/pnpm/pnpm';
@@ -90,8 +91,10 @@ module.exports={
       respectPrefersColorScheme: true,
     },
     "prism": {
-      theme: require('prism-react-renderer/themes/github'),
-      darkTheme: require('prism-react-renderer/themes/dracula'),
+      theme: themes.github,
+      darkTheme: themes.dracula,
+      // https://docusaurus.io/docs/migration/v3#prism-react-renderer-v20
+      additionalLanguages: ['bash', 'diff', 'json', 'powershell', 'yaml', 'docker', 'ini'],
     },
     "navbar": {
       "title": "pnpm",

package.json

@@ -21,15 +21,15 @@
   "dependencies": {
     "@algolia/client-search": "^4.23.2",
     "@crowdin/cli": "4.6.1",
-    "@docusaurus/core": "3.7.0",
-    "@docusaurus/plugin-client-redirects": "3.7.0",
-    "@docusaurus/plugin-content-docs": "3.7.0",
-    "@docusaurus/preset-classic": "3.7.0",
-    "@types/react": "^17.0.49",
+    "@docusaurus/core": "3.8.1",
+    "@docusaurus/plugin-client-redirects": "3.8.1",
+    "@docusaurus/plugin-content-docs": "3.8.1",
+    "@docusaurus/preset-classic": "3.8.1",
+    "@types/react": "^19.1.9",
     "clsx": "^1.2.1",
-    "prism-react-renderer": "^1.3.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "typescript": "^5.4.5",
     "webpack": "^5.92.0"
   },