diff --git a/fare-zones-table/src/index.js b/fare-zones-table/src/index.js
index e4a13fe..995cb96 100644
--- a/fare-zones-table/src/index.js
+++ b/fare-zones-table/src/index.js
@@ -1,6 +1,14 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import FareZones from './component/fare-zones';
 import './style/main.less';
 
-ReactDOM.render(<FareZones />, document.getElementById('root'));
+/*ReactDOM.render is no longer supported in React 18. Use createRoot instead.*/
+import { createRoot } from 'react-dom/client';
+//create root container
+const root = createRoot(document.getElementById('root'));
+//render root app
+root.render(
+    <React.StrictMode>
+        <FareZones />
+    </React.StrictMode>
+);