diff --git a/index.js b/index.js
index ec062dde31..346b5686b9 100644
--- a/index.js
+++ b/index.js
@@ -1,6 +1,10 @@
 import React from 'react';
-import reactDom from 'react-dom';
+// import reactDom from 'react-dom'; ---> deprecated
+import { createRoot } from 'react-dom/client';
 import App from './src/App';
 import './src/style.css';
 
-reactDom.render(<App />, document.getElementById('root'));
+const container = document.getElementById('root');
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+// reactDom.render(<App />, document.getElementById('root'));
+root.render(<App />);