RID-8543: Update react version to 18

Author: TaRaNTuLaH

demo/package.json

@@ -8,13 +8,13 @@
     "@testing-library/user-event": "^13.2.1",
     "@transmitsecurity/riskid-reactjs-ts": "*",
     "@types/jest": "^27.0.1",
-    "@types/node": "^16.7.13",
-    "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "@types/node": "18.11.19",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-scripts": "5.0.1",
-    "typescript": "^4.4.2",
+    "typescript": "5.8.2",
     "web-vitals": "^2.1.0"
   },
   "scripts": {
@@ -41,5 +41,9 @@
       "last 1 safari version"
     ]
   },
+  "resolutions": {
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0"
+  },
   "packageManager": "yarn@3.4.1"
 }

demo/src/index.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { createRoot } from 'react-dom/client';
 
-ReactDOM.render(
+const root = createRoot(document.getElementById('root')!);
+root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>
-, document.getElementById('root') as HTMLElement);
+);
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))