Merge pull request #123 from firecamp-dev/chore/122-upgrade-to-react-v18

chore: app upgraded with react@18.2.0 and react-dom@18.2.0 #122

platform/firecamp-platform/package.json

@@ -46,7 +46,7 @@
   },
   "devDependencies": {
     "@types/chrome": "^0.0.204",
-    "@types/react-dom": "^17.0.13"
+    "@types/react-dom": "^18.2.0"
   },
   "dependencies": {
     "@firecamp/agent-manager": "workspace:*",
@@ -78,8 +78,8 @@
     "nanoid": "3.3.4",
     "prop-types": "^15.6.2",
     "re-resizable": "^4.7.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-dropzone": "^14.2.3",
     "react-error-boundary": "^3.1.4",
     "react-ga": "^3.1.2",

platform/firecamp-platform/src/containers/identity.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import * as Sentry from '@sentry/browser';
 import { Integrations } from '@sentry/tracing';
 import CloudApiGlobal, { Rest } from '@firecamp/cloud-apis';
@@ -68,4 +68,5 @@ if (process.env.NODE_ENV == 'production') {
   });
 }
 
-ReactDOM.render(<IdentityPage />, document.getElementById('root'));
+const root = createRoot(document.getElementById('root'));
+root.render(<IdentityPage />);

platform/firecamp-platform/src/containers/index.tsx

@@ -1,4 +1,4 @@
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import * as Sentry from '@sentry/browser';
 import { Integrations } from '@sentry/tracing';
 
@@ -23,4 +23,5 @@ if (process.env.NODE_ENV == 'production') {
   });
 }
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = createRoot(document.getElementById('root'));
+root.render(<App />);

platform/firecamp-ui/package.json

@@ -59,8 +59,8 @@
     "@testing-library/react": "12.1.2",
     "@types/codemirror": "^5.60.5",
     "@types/markdown-it": "^12.2.3",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@types/react-table": "^7.7.10",
     "autoprefixer": "^10.4.14",
     "babel-jest": "^29.1.2",
@@ -76,7 +76,7 @@
     "postcss": "^8.4.21",
     "postcss-cli": "^8.3.1",
     "raw-loader": "^4.0.2",
-    "react-dom": "17.0.2",
+    "react-dom": "18.2.0",
     "sass": "^1.54.4",
     "sass-loader": "^13.0.2",
     "style-loader": "^3.3.1",
@@ -118,8 +118,8 @@
     "vscode": "^1.1.37"
   },
   "peerDependencies": {
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "babel": {
     "presets": [

playgrounds/firecamp-graphql/package.json

@@ -80,8 +80,8 @@
     "singleQuote": true
   },
   "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "babel": {
     "presets": [

playgrounds/firecamp-rest/package.json

@@ -109,8 +109,8 @@
     "singleQuote": true
   },
   "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "babel": {
     "presets": [

playgrounds/firecamp-socket-io/package.json

@@ -82,8 +82,8 @@
     "singleQuote": true
   },
   "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "babel": {
     "presets": [

playgrounds/firecamp-websocket/package.json

@@ -82,8 +82,8 @@
     "singleQuote": true
   },
   "peerDependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "babel": {
     "presets": [