diff --git a/client/src/index.js b/client/src/index.js
index c1752e2..1f8c9e1 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -1,12 +1,14 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import React from 'react';
 import App from "~/components/App";
 import { AppContextProvider } from "~/AppContext";
 import "~/styles";
 
-ReactDOM.render(
+import { createRoot } from 'react-dom/client';
+const container = document.getElementById('root');
+
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(
   <AppContextProvider>
-    <App />
-  </AppContextProvider>,
-  document.getElementById("root")
+  <App />
+</AppContextProvider>
 );