bump: react

package.json

@@ -9,16 +9,16 @@
     "@polkadot/extension-dapp": "^0.46.7",
     "@popperjs/core": "^2.11.5",
     "@reef-chain/evm-provider": "^2.0.3",
-    "@reef-chain/react-lib": "^2.6.3",
-    "@reef-chain/ui-kit": "^2.0.7",
-    "@reef-chain/util-lib": "^2.5.3",
+    "@reef-chain/react-lib": "^3.0.0",
+    "@reef-chain/ui-kit": "^3.0.0",
+    "@reef-chain/util-lib": "^2.5.7",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "@types/jest": "^26.0.15",
     "@types/node": "^12.0.0",
-    "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "axios": "^1.6.7",
     "bignumber.js": "^9.0.2",
     "boostrap": "^2.0.0",
@@ -29,9 +29,9 @@
     "graphql": "^16.2.0",
     "lightweight-charts": "^4.0.1",
     "process": "^0.11.10",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-localization": "^1.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-localization": "^1.0.19",
     "react-router-dom": "^5.3.0",
     "react-scripts": "^5.0.1",
     "react-toastify": "^8.2.0",
@@ -44,7 +44,8 @@
   },
   "scripts": {
     "start": "webpack-dev-server -d source-map --output-pathinfo",
-    "start:clean": "rm -rf node_modules&&rm -f yarn.lock&&yarn install&&yarn start",
+    "start:clean": "yarn clean && yarn start",
+    "clean": "rm -rf node_modules&&rm -f yarn.lock&&yarn install",
     "build": "webpack --mode production",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
@@ -73,6 +74,7 @@
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "@types/d3-dsv": "^3.0.0",
+    "@types/react": "^18.2.25",
     "@types/react-router-dom": "^5.1.8",
     "@types/react-transition-group": "^4.4.3",
     "@typescript-eslint/eslint-plugin": "^4.28.0",
@@ -101,9 +103,6 @@
   "resolutions": {
     "ethers": "5.7.0",
     "rxjs": "7.5.5",
-    "react-localization": "1.0.0",
-    "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2",
     "@types/bn.js": "5.1.5",
     "@polkadot/api-derive": "10.13.1"
   }

src/index.tsx

@@ -1,22 +1,16 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import './assets/index.css';
 import '@reef-chain/react-lib/dist/index.css';
 import {
   BrowserRouter as Router,
 } from 'react-router-dom';
+import { createRoot } from 'react-dom/client';
 import reportWebVitals from './reportWebVitals';
 import App from './App';
 import { version } from '../package.json';
 
 console.log(`Reef-app version: ${version}`);
 
-ReactDOM.render(
-  <React.StrictMode>
-    <Router>
-      <App />
-    </Router>
-  </React.StrictMode>,
-  document.getElementById('root'),
-);
+createRoot(document.getElementById('root')!).render(<React.StrictMode><Router><App /></Router></React.StrictMode>);
+
 reportWebVitals();