diff --git a/web/src/index.tsx b/web/src/index.tsx
index dcc257fe2..079f7c698 100644
--- a/web/src/index.tsx
+++ b/web/src/index.tsx
@@ -1,14 +1,16 @@
 import React from "react";
-import ReactDOM from "react-dom";
-import { App } from "./App";
+import ReactDOM from "react-dom/client";
 import "./index.css";
+import { App } from "./App";
 import reportWebVitals from "./reportWebVitals";
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement
+);
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+  </React.StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function