refactor: upgrade react to v18 from v17

package.json

@@ -7,7 +7,7 @@
     "@babel/core": "^7.17.9",
     "@metamask/onboarding": "^1.0.1",
     "@microsoft/fetch-event-source": "^2.0.1",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
     "@reduxjs/toolkit": "^1.8.1",
     "@svgr/webpack": "^6.2.1",
     "@tippyjs/react": "^4.2.6",
@@ -30,7 +30,7 @@
     "dotenv": "^16.0.0",
     "dotenv-expand": "^8.0.3",
     "emoji-mart": "^3.0.1",
-    "eslint": "^8.12.0",
+    "eslint": "^8.13.0",
     "file-loader": "^6.2.0",
     "firebase": "^9.6.10",
     "fs-extra": "^10.0.1",
@@ -43,11 +43,11 @@
     "masonry-layout": "^4.2.2",
     "mini-css-extract-plugin": "^2.6.0",
     "re-resizable": "^6.9.5",
-    "react": "^17.0.2",
+    "react": "^18.0.0",
     "react-dev-utils": "^12.0.0",
-    "react-dnd": "15.1.2",
-    "react-dnd-html5-backend": "15.1.2",
-    "react-dom": "^17.0.2",
+    "react-dnd": "16.0.0",
+    "react-dnd-html5-backend": "16.0.0",
+    "react-dom": "^18.0.0",
     "react-google-login": "^5.2.2",
     "react-helmet": "^6.1.0",
     "react-hot-toast": "^2.2.0",
@@ -56,7 +56,7 @@
     "react-markdown": "^8.0.2",
     "react-pdf": "^5.7.2",
     "react-redux": "^7.2.8",
-    "react-refresh": "0.11.0",
+    "react-refresh": "0.12.0",
     "react-router-dom": "6",
     "react-string-replace": "^1.0.0",
     "react-textarea-autosize": "^8.3.3",

src/index.js

@@ -1,5 +1,5 @@
 // import React from 'react';
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import { Toaster } from "react-hot-toast";
 import { Reset } from "styled-reset";
 
@@ -9,8 +9,8 @@ import "./assets/vars.css";
 import "animate.css";
 import MarkdownStyleOverride from "./common/component/MarkdownStyleOverride";
 import ReduxRoutes from "./routes";
-
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(
   <>
     <Reset />
     <Toaster />