updated react

package.json

@@ -6,17 +6,18 @@
   "dependencies": {
     "@craco/craco": "^5.7.0",
     "@types/jest": "24.0.19",
-    "@types/node": "12.11.1",
-    "@types/react": "16.9.9",
-    "@types/react-dom": "16.9.2",
+    "@types/node": "18.15.11",
+    "@types/react": "18.0.35",
+    "@types/react-dom": "18.0.11",
     "dotagsi": "^1.1.3",
+    "buffer": "^6.0.3",
     "query-string": "^6.12.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "4.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
     "simple-peer": "^9.11.0",
     "socket.io-client": "^4.1.3",
-    "typescript": "3.6.4",
+    "typescript": "^4.9.5",
     "uuid": "^8.3.2"
   },
   "license": "GPL-3.0",

src/App.tsx

@@ -3,7 +3,7 @@ import Layout from './HUD/Layout/Layout';
 import api, { port, isDev } from './api/api';
 import ActionManager, { ConfigManager } from './api/actionManager';
 import { Dota2, DOTA2GSI, PlayerExtension } from 'dotagsi';
-import { io } from "socket.io-client";
+import io from "socket.io-client";
 import { loadAvatarURL } from './api/avatars';
 import { Match } from './api/interfaces';
 import "./HUD/GameHUD/gamehud.scss";

src/index.tsx

@@ -1,11 +1,9 @@
 import React from "react";
-import ReactDOM from "react-dom";
 import "./index.css";
 import "./fonts/rajdhani.css";
 import App from "./App";
+import { createRoot } from 'react-dom/client';
 
-ReactDOM.render(<App />, document.getElementById("root"));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
+const container = document.getElementById('root');
+const root = createRoot(container!); // createRoot(container!) if you use TypeScript
+root.render(<App />);