diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 2b601ed88..1df75e633 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -17,7 +17,6 @@
         "@types/luxon": "3.2.0",
         "@types/react": "17.0.37",
         "@types/react-autosuggest": "10.1.5",
-        "@types/react-dom": "17.0.11",
         "@types/react-redux": "7.1.20",
         "@types/react-router-dom": "5.3.3",
         "@types/react-table": "7.7.14",
@@ -51,6 +50,7 @@
         "uuid": "9.0.0"
       },
       "devDependencies": {
+        "@types/react-dom": "^18.2.9",
         "@typescript-eslint/eslint-plugin": "^5.62.0",
         "@typescript-eslint/parser": "^5.62.0",
         "eslint": "8.49.0",
@@ -4134,9 +4134,10 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "17.0.11",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.11.tgz",
-      "integrity": "sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==",
+      "version": "18.2.9",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.9.tgz",
+      "integrity": "sha512-6nNhVzZ9joQ6F7lozrASuQKC0Kf6ArYMU+DqA2ZrUbB+d+9lC6ZLn1GxiEBI1edmAwvTULtuJ6uPZpv3XudwUg==",
+      "dev": true,
       "dependencies": {
         "@types/react": "*"
       }
diff --git a/webapp/package.json b/webapp/package.json
index c29a5835d..6488e4af5 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -12,7 +12,6 @@
     "@types/luxon": "3.2.0",
     "@types/react": "17.0.37",
     "@types/react-autosuggest": "10.1.5",
-    "@types/react-dom": "17.0.11",
     "@types/react-redux": "7.1.20",
     "@types/react-router-dom": "5.3.3",
     "@types/react-table": "7.7.14",
@@ -72,6 +71,7 @@
     ]
   },
   "devDependencies": {
+    "@types/react-dom": "^18.2.9",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "eslint": "8.49.0",
diff --git a/webapp/src/index.tsx b/webapp/src/index.tsx
index 06e2cc8cd..6f07aa433 100644
--- a/webapp/src/index.tsx
+++ b/webapp/src/index.tsx
@@ -1,12 +1,18 @@
-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"
+import React from "react"
 
-ReactDOM.render(<App />, document.getElementById("root"))
+const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement)
+root.render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>
+)
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.