From 1f49d0c4984a41fa5824a1d4f0707cc95f41b03e Mon Sep 17 00:00:00 2001
From: "Begerad, Stefan" <dialog@swingbe.de>
Date: Thu, 21 Jul 2022 22:11:01 +0200
Subject: [PATCH] feat(fare-zones-table): adjust DOM to React.js v18

---
 fare-zones-table/src/index.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

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>
+);