Upgrade to React 18.2

mihaip · Jun 3, 2023 · feb2371 · feb2371
1 parent c8bed15
commit feb2371
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 58 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,8 +6,8 @@
         "file-saver": "^2.0.5",
         "idb-keyval": "^6.0.3",
         "jszip": "^3.7.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "ringbuf.js": "^0.3.3",
         "typescript": "^5.0.4"
     },

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,11 +1,12 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import {createRoot} from "react-dom/client";
 import "./index.css";
 import App from "./App";
 
-ReactDOM.render(
+const root = createRoot(document.getElementById("root")!);
+
+root.render(
     <React.StrictMode>
         <App />
-    </React.StrictMode>,
-    document.getElementById("root")
+    </React.StrictMode>
 );