updated react

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 />);