diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 46b0f12b..ffc54a78 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -1,5 +1,6 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { App } from './App';
 
 const container = document.getElementById('root');
-render(<App />, container);
+const root = createRoot(container);
+root.render(<App />);