diff --git a/src/App.tsx b/src/App.tsx
index 4879b0c..5edb8b9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { render } from 'react-dom';
 import { initContext } from './context/context';
-
-import Home from './routes/Home';
-
 initContext();
 
-render(<Home />, document.getElementById('main'));
\ No newline at end of file
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+const container = document.getElementById('main');
+const root = createRoot(container!); 
+import Home from './routes/Home';
+root.render(<Home/>);
\ No newline at end of file