diff --git a/webapp/package.json b/webapp/package.json
index 1c3950c..12fccce 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -2,6 +2,7 @@
 	"name": "client",
 	"version": "0.1.0",
 	"private": true,
+	"type": "module",
 	"dependencies": {
 		"@chakra-ui/react": "^2.8.2",
 		"@emotion/react": "^11.11.4",
diff --git a/webapp/src/main.tsx b/webapp/src/main.tsx
index 0ed0133..d6a0a07 100644
--- a/webapp/src/main.tsx
+++ b/webapp/src/main.tsx
@@ -1,10 +1,10 @@
 import React from "react"
-import ReactDOM from "react-dom"
 import App from "./App"
+import { createRoot } from "react-dom/client"
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById("root")
-)
+createRoot(document.getElementById("root")!)
+  .render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>
+  )
diff --git a/webapp/tests/render-helpers.tsx b/webapp/tests/render-helpers.tsx
index fecdf7d..fab69a3 100644
--- a/webapp/tests/render-helpers.tsx
+++ b/webapp/tests/render-helpers.tsx
@@ -39,7 +39,7 @@ WrapperWithRoutes.propTypes = {
     routeConfiguration: PropTypes.array.isRequired
 }
 
-export const WrapperWithRouter: React.FC<{ children: JSX.Element; initialPath?: string, elementRoute?: string }> = ({ children, initialPath = "/", elementRoute = "" }) => <WrapperWithRoutes initialPath={initialPath}
+export const WrapperWithRouter: React.FC<{ children: JSX.Element; initialPath?: string; elementRoute?: string }> = ({ children, initialPath = "/", elementRoute = "" }) => <WrapperWithRoutes initialPath={initialPath}
     routeConfiguration={[
         {
             path: elementRoute,