feat: update to React 18

MoTrPAC · May 10, 2024 · d8c3600 · d8c3600
1 parent f216215
commit d8c3600
Show file tree

Hide file tree

Showing 3 changed files with 12,622 additions and 12,221 deletions.
diff --git a/package.json b/package.json
@@ -21,10 +21,10 @@
     "lodash": "^4.17.21",
     "popper.js": "^1.16.1",
     "prop-types": "15.8.1",
-    "react": "17.0.1",
+    "react": "18.3.1",
     "react-bootstrap-typeahead": "6.3.2",
     "react-chartjs-2": "^2.8.0",
-    "react-dom": "17.0.1",
+    "react-dom": "18.3.1",
     "react-google-recaptcha": "^3.1.0",
     "react-helmet": "^6.1.0",
     "react-redux": "8.0.5",

diff --git a/src/index.jsx b/src/index.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom';
 import { install } from 'ga-gtag';
 import trackingId from './GoogleAnalytics/googleAnalytics';
 import App from './App/App';
@@ -8,7 +8,9 @@ import './sass/main.scss';
 
 install(trackingId());
 
-render(<App />, document.getElementById('root'));
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.