[#717] Use createRoot

Hyperfoil · Oct 5, 2023 · c82b8d9 · c82b8d9
1 parent 7864c7b
commit c82b8d9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/webapp/package-lock.json b/webapp/package-lock.json
diff --git a/webapp/package.json b/webapp/package.json
@@ -12,7 +12,7 @@
     "@types/luxon": "3.2.0",
     "@types/react": "17.0.37",
     "@types/react-autosuggest": "10.1.5",
-    "@types/react-dom": "17.0.11",
+    "@types/react-dom": "^18.2.9",
     "@types/react-redux": "7.1.20",
     "@types/react-router-dom": "5.3.3",
     "@types/react-table": "7.7.14",

diff --git a/webapp/src/index.tsx b/webapp/src/index.tsx
@@ -1,12 +1,15 @@
-import ReactDOM from "react-dom"
+import ReactDOM from "react-dom/client"
 
 import "./index.css"
 import App from "./App"
 import * as serviceWorker from "./serviceWorker"
 
 import jsonpath from "jsonpath"
 
-ReactDOM.render(<App />, document.getElementById("root"))
+const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement)
+root.render(
+    <App />
+)
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.