Update react to 18

Signed-off-by: Andrei Stepanov <astepano@redhat.com>

package.json

@@ -33,9 +33,9 @@
     "moment-duration-format": "^2.3.2",
     "moment-timezone": "^0.5.43",
     "pako": "^2.0.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-redux": "^8.1.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^9.1.0",
     "react-router-dom": "^6.11.2",
     "react-scripts": "^5.0.1",
     "react-use-localstorage": "^3.5.3",

src/index.tsx

@@ -1,19 +1,20 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 
 import './index.css';
 import { store } from './reduxStore';
 import { App } from './components/App';
 import { reportWebVitals } from './reportWebVitals';
 
-ReactDOM.render(
-  <Provider store={store}>
-    <React.StrictMode>
-      <App />
-    </React.StrictMode>
-  </Provider>,
-  document.getElementById('root')
+const container = document.getElementById('root');
+const root = createRoot(container!);
+root.render(
+    <Provider store={store}>
+        <React.StrictMode>
+            <App />
+        </React.StrictMode>
+    </Provider>,
 );
 
 // If you want to start measuring performance in your app, pass a function