switch to createRoot from ReactDOM.render for React 18
Change-Id: I666bbd2607675b299b601934788569da374ba618
diff --git a/client/src/index.js b/client/src/index.js
index 982f0f7..ffa6443 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -1,8 +1,8 @@
-"use strict";
-import "./index.scss";
-import React from "react";
-import ReactDOM from "react-dom";
-import App from "./App.js";
+'use strict'
+import './index.scss'
+import React from 'react'
+import { createRoot } from 'react-dom/client';
+import App from './App.js'
import { store } from "../redux/store";
import { Provider } from "react-redux";
import { BrowserRouter as Router } from "react-router-dom";
@@ -12,30 +12,17 @@
import * as Sentry from "@sentry/react";
import { BrowserTracing } from "@sentry/tracing";
-//import { CssBaseline } from '@mui/material'
-//import * as serviceWorker from './serviceWorker'
-
-const rootEl = document.getElementById("root");
-var exports = {};
-
-// Sentry.init({
-// ...config,
-// integrations: [new BrowserTracing()],
-// });
-
-const render = (Component) =>
- ReactDOM.render(
- <Provider store={store}>
- <React.StrictMode>
- <Router>
- <Component />
- </Router>
- </React.StrictMode>
- </Provider>,
- rootEl
- );
-
-render(App)
+const container = document.getElementById("root");
+const root = createRoot(container);
+root.render(
+ <Provider store={store}>
+ <React.StrictMode>
+ <Router>
+ <App/>
+ </Router>
+ </React.StrictMode>
+ </Provider>
+);
if (import.meta.webpackHot)
import.meta.webpackHot.accept("./App", () => {