From c32cdf5d98a03be9a833253e0b2ff6b2943ec501 Mon Sep 17 00:00:00 2001
From: Proddy <paul@derbyshire.nl>
Date: Tue, 24 May 2022 22:50:18 +0200
Subject: [PATCH] React18 modifications

---
 interface/package-lock.json | 14 +++++++-------
 interface/package.json      |  2 +-
 interface/src/index.tsx     | 14 +++++++-------
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/interface/package-lock.json b/interface/package-lock.json
index 65851482f..1f1e0d019 100644
--- a/interface/package-lock.json
+++ b/interface/package-lock.json
@@ -34,7 +34,7 @@
         "react-router-dom": "^6.3.0",
         "react-scripts": "5.0.1",
         "sockette": "^2.0.6",
-        "typescript": "^4.6.4"
+        "typescript": "^4.7.2"
       },
       "devDependencies": {
         "nodemon": "^2.0.16",
@@ -16806,9 +16806,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.6.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.4.tgz",
-      "integrity": "sha512-9ia/jWHIEbo49HfjrLGfKbZSuWo9iTMwXO+Ca3pRsSpbsMbc7/IU8NKdCZVRRBafVPGnoJeFL76ZOAA84I9fEg==",
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.2.tgz",
+      "integrity": "sha512-Mamb1iX2FDUpcTRzltPxgWMKy3fhg0TN378ylbktPGPK/99KbDtMQ4W1hwgsbPAsG3a0xKa1vmw4VKZQbkvz5A==",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -29974,9 +29974,9 @@
       }
     },
     "typescript": {
-      "version": "4.6.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.4.tgz",
-      "integrity": "sha512-9ia/jWHIEbo49HfjrLGfKbZSuWo9iTMwXO+Ca3pRsSpbsMbc7/IU8NKdCZVRRBafVPGnoJeFL76ZOAA84I9fEg=="
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.2.tgz",
+      "integrity": "sha512-Mamb1iX2FDUpcTRzltPxgWMKy3fhg0TN378ylbktPGPK/99KbDtMQ4W1hwgsbPAsG3a0xKa1vmw4VKZQbkvz5A=="
     },
     "unbox-primitive": {
       "version": "1.0.2",
diff --git a/interface/package.json b/interface/package.json
index 2ad65f12b..b4bf9d9c3 100644
--- a/interface/package.json
+++ b/interface/package.json
@@ -30,7 +30,7 @@
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
     "sockette": "^2.0.6",
-    "typescript": "^4.6.4"
+    "typescript": "^4.7.2"
   },
   "scripts": {
     "start": "react-app-rewired start",
diff --git a/interface/src/index.tsx b/interface/src/index.tsx
index e0f77e141..e5473f9d6 100644
--- a/interface/src/index.tsx
+++ b/interface/src/index.tsx
@@ -1,15 +1,15 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 
 import App from './App';
 
-ReactDOM.render(
-  <React.StrictMode>
+const root = createRoot(document.getElementById('root') as HTMLElement);
+
+root.render(
+  <StrictMode>
     <BrowserRouter>
       <App />
     </BrowserRouter>
-  </React.StrictMode>,
-  document.getElementById('root')
+  </StrictMode>
 );