upgrade all packages to react18

Author: abhinavrastogi-harness

apps/design-system/package.json

@@ -20,15 +20,15 @@
     "clsx": "^2.1.1",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.40.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-live": "^4.1.8",
     "react-router-dom": "^6.26.0",
     "vite-plugin-monaco-editor": "^1.1.0"
   },
   "devDependencies": {
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",

apps/gitness/package.json

@@ -40,12 +40,12 @@
     "jotai": "^2.6.3",
     "lang-map": "^0.4.0",
     "lodash-es": "^4.17.21",
-    "monaco-yaml": "^4.0.4",
     "monaco-editor": "^0.40.0",
     "monaco-editor-webpack-plugin": "^7.1.0",
+    "monaco-yaml": "^4.0.4",
     "pluralize": "^8.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.28.0",
     "react-i18next": "^15.1.1",
     "react-router-dom": "^6.26.0",
@@ -62,8 +62,8 @@
     "@types/event-source-polyfill": "^1.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/pluralize": "^0.0.33",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "@vitest/coverage-istanbul": "^2.1.8",
     "css-loader": "^7.1.2",

apps/portal/package.json

@@ -25,8 +25,8 @@
     "clsx": "^2.1.1",
     "lucide-react": "^0.407.0",
     "prism-react-renderer": "^2.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-live": "^4.1.8",
     "react-router-dom": "^6.26.0",
     "sharp": "^0.32.5",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@types/react": "^17.0.3",
+    "@types/react": "^18.3.18",
     "lint-staged": "^15.2.9",
     "prettier": "^3.4.2",
     "prettier-plugin-astro": "^0.14.1",

package.json

@@ -18,12 +18,7 @@
     "node": ">=18.17.1"
   },
   "license": "Apache-2.0",
-  "resolutions": {
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
-  },
+  
   "packageManager": "[email protected]+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903",
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.4.0",

packages/canary/package.json

@@ -79,9 +79,9 @@
     "embla-carousel-react": "^8.1.5",
     "input-otp": "^1.2.4",
     "next-themes": "^0.3.0",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.28.0",
     "react-resizable-panels": "^2.0.19",
     "sonner": "^1.5.0",
@@ -95,8 +95,8 @@
     "@types/jest": "^27.5.2",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.14.9",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.1",

packages/filters/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harnessio/filters",
-  "version": "1.0.0",
+  "version": "1.0.0-react18.alpha.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -24,20 +24,20 @@
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",
-    "react-dom": ">=17.0.0 <19.0.0",
-    "react-router-dom": ">=5.0.0 <7.0.0"
+    "react-dom": ">=17.0.0 <19.0.0"
   },
   "devDependencies": {
     "@types/node": "^16.18.84",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "dts-bundle-generator": "^6.4.0",
     "eslint": "^8.57.1",
     "flatted": "^3.3.2",
     "jest": "^29.7.0",
     "lint-staged": "^15.2.9",
     "npm-run-all": "^4.1.5",
+    "react-router-dom": "^6.26.0",
     "ts-jest": "^29.1.2",
     "typescript": "^5.3.3",
     "vite": "^6.0.3",

packages/forms/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harnessio/forms",
-  "version": "0.0.1",
+  "version": "0.0.1-react18.alpha.1",
   "description": "Harness Forms Library",
   "scripts": {
     "dev": "run-p build:watch",
@@ -48,8 +48,8 @@
     "@types/jest": "^27.5.2",
     "@types/lodash-es": "^4.17.3",
     "@types/node": "^16.18.84",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@types/uuid": "^8.3.0",
     "@types/yup": "^0.29.0",
     "@vitejs/plugin-react-swc": "^3.7.2",

packages/pipeline-graph/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harnessio/pipeline-graph",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-react18.alpha.2",
   "private": false,
   "author": "Harness Inc.",
   "license": "Apache-2.0",
@@ -14,19 +14,18 @@
   "scripts": {
     "examples": "vite dev --config vite.config.dev.ts",
     "dev": "vite build --watch",
-    "build": "vite build"
+    "build": "vite build",
+    "prepublishOnly": "pnpm build"
   },
   "peerDependencies": {
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.10.1",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "vite": "^6.0.2",
     "vite-plugin-dts": "^4.3.0",

packages/ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@harnessio/ui",
   "description": "Harness Canary UI component library",
-  "version": "0.0.1-alpha.20",
+  "version": "0.0.1-react18.alpha.5",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -119,19 +119,19 @@
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "yaml": "^2.7.0",
     "vaul": "^1.1.2",
+    "yaml": "^2.7.0",
     "zod": "^3.23.8"
   },
   "peerDependencies": {
-    "react": ">=17"
+    "react": ">=18"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.9.0",
-    "@types/react": "^17.0.3",
+    "@types/react": "^18.3.18",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "@vitest/coverage-istanbul": "^2.1.8",
     "@vitest/ui": "^2.1.8",

packages/unified-pipeline/package.json

@@ -43,8 +43,8 @@
     "dagre": "^0.8.5",
     "elkjs": "^0.9.3",
     "lodash-es": "^4.17.21",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "reactflow": "^11.11.4",
     "tailwindcss": "^3.4.4",
     "web-worker": "^1.0.0",
@@ -56,9 +56,9 @@
     "@types/dagre": "^0.7.52",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.2.0",
-    "@types/react": "^17.0.3",
+    "@types/react": "^18.3.18",
     "@types/react-copy-to-clipboard": "^5.0.7",
-    "@types/react-dom": "^17.0.3",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "dts-bundle-generator": "^6.4.0",
     "lint-staged": "^15.2.9",

packages/views/package.json

@@ -67,8 +67,8 @@
     "monaco-yaml": "^4.0.4",
     "overlayscrollbars": "^2.10.0",
     "pluralize": "^8.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.28.0",
     "react-keywords": "^1.0.0",
     "rehype-external-links": "^3.0.0",
@@ -82,8 +82,8 @@
     "@tailwindcss/typography": "^0.5.15",
     "@types/lodash-es": "^4.17.9",
     "@types/pluralize": "^0.0.33",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@typescript-eslint/eslint-plugin": "^6.5.0",
     "@typescript-eslint/parser": "^6.5.0",
     "@vitejs/plugin-react-swc": "^3.7.2",

packages/yaml-editor-playground/package.json

@@ -14,8 +14,8 @@
     "@monaco-editor/react": "4.6.0",
     "monaco-editor": "^0.40.0",
     "monaco-yaml": "^4.0.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "ts-loader": "^9.5.1",
     "typescript": "^4.9.5"
   },
@@ -29,8 +29,8 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.101",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "babel-loader": "^9.1.3",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-plugin-transform-class-properties": "^6.24.1",

packages/yaml-editor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harnessio/yaml-editor",
-  "version": "0.15.0",
+  "version": "0.16.0-react18.alpha.2",
   "private": false,
   "author": "Harness Inc.",
   "license": "Apache-2.0",
@@ -27,8 +27,8 @@
     "@monaco-editor/react": "4.6.0",
     "monaco-editor": "^0.40.0",
     "monaco-yaml": "^4.0.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
@@ -40,8 +40,8 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.101",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.0.4",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "babel-loader": "^9.1.3",