chores: upgrade react node modules and improve type definitions

react/craco.config.js

@@ -90,6 +90,12 @@ module.exports = {
             stream: require.resolve('stream-browserify'),
           },
         },
+        ignoreWarnings: [
+          {
+            module: /@melloware\/react-logviewer/,
+            message: /Failed to parse source map/,
+          }
+        ],
       };
     },
   },

react/package.json

@@ -3,56 +3,56 @@
   "version": "24.09.0-alpha.1",
   "private": true,
   "dependencies": {
-    "@ai-sdk/openai": "^0.0.36",
-    "@ai-sdk/react": "^0.0.22",
-    "@ant-design/cssinjs": "^1.21.0",
-    "@ant-design/icons": "^5.4.0",
+    "@ai-sdk/openai": "^0.0.72",
+    "@ai-sdk/react": "^0.0.70",
+    "@ant-design/cssinjs": "^1.22.0",
+    "@ant-design/icons": "^5.5.1",
     "@cloudscape-design/board-components": "3.0.60",
-    "@codemirror/language": "^6.10.2",
-    "@melloware/react-logviewer": "^5.2.4",
-    "@storybook/test": "^8.2.8",
-    "@tanstack/react-query": "^5.51.15",
-    "@testing-library/jest-dom": "^6.4.8",
+    "@codemirror/language": "^6.10.3",
+    "@melloware/react-logviewer": "^5.3.2",
+    "@storybook/test": "^8.4.5",
+    "@tanstack/react-query": "^5.61.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^15.0.7",
-    "@types/jest": "^29.5.12",
-    "@types/lodash": "^4.17.7",
-    "@types/node": "^20.14.14",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@uiw/codemirror-extensions-langs": "^4.23.0",
-    "@uiw/react-codemirror": "^4.23.0",
-    "ahooks": "^3.8.0",
-    "ai": "^3.3.3",
+    "@types/jest": "^29.5.14",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^20.17.6",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@uiw/codemirror-extensions-langs": "^4.23.6",
+    "@uiw/react-codemirror": "^4.23.6",
+    "ahooks": "^3.8.1",
+    "ai": "^3.4.33",
     "ansi_up": "^6.0.2",
-    "antd": "^5.20.0",
-    "antd-style": "^3.6.2",
+    "antd": "^5.22.2",
+    "antd-style": "^3.7.1",
     "classnames": "^2.5.1",
-    "dayjs": "^1.11.12",
+    "dayjs": "^1.11.13",
     "graphql": "^16.9.0",
-    "i18next": "^23.12.2",
-    "i18next-http-backend": "^2.5.2",
-    "jotai": "^2.9.2",
-    "jotai-effect": "^1.0.0",
+    "i18next": "^23.16.8",
+    "i18next-http-backend": "^2.7.0",
+    "jotai": "^2.10.3",
+    "jotai-effect": "^1.0.3",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.438.0",
-    "markdown-to-jsx": "^7.4.7",
+    "lucide-react": "^0.460.0",
+    "markdown-to-jsx": "^7.7.0",
     "prettier": "^3.3.3",
-    "prism-react-renderer": "^2.3.1",
+    "prism-react-renderer": "^2.4.0",
     "react": "^18.3.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "^4.1.2",
     "react-i18next": "^14.1.3",
     "react-markdown": "^9.0.1",
     "react-relay": "^18.1.0",
     "react-resizable": "^3.0.5",
-    "react-router-dom": "^6.26.0",
+    "react-router-dom": "^6.28.0",
     "react-scripts": "5.0.1",
-    "react-syntax-highlighter": "^15.5.0",
-    "react-virtuoso": "^4.9.0",
+    "react-syntax-highlighter": "^15.6.1",
+    "react-virtuoso": "^4.12.0",
     "relay-runtime": "^18.1.0",
-    "typescript": "^5.5.4",
+    "typescript": "^5.7.2",
     "use-query-params": "^2.2.1",
     "uuid": "^9.0.1",
     "web-vitals": "^3.5.2"
@@ -93,50 +93,46 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@craco/craco": "^7.1.0",
-    "@storybook/addon-essentials": "^8.2.8",
-    "@storybook/addon-interactions": "^8.2.8",
-    "@storybook/addon-links": "^8.2.8",
-    "@storybook/addon-onboarding": "^8.2.8",
-    "@storybook/blocks": "^8.2.8",
-    "@storybook/preset-create-react-app": "^8.2.8",
-    "@storybook/react": "^8.2.8",
-    "@storybook/react-webpack5": "^8.2.8",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/preset-create-react-app": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-webpack5": "^8.4.5",
     "@storybook/testing-library": "^0.2.2",
-    "@tanstack/eslint-plugin-query": "^5.51.15",
+    "@tanstack/eslint-plugin-query": "^5.60.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/react-copy-to-clipboard": "^5.0.7",
     "@types/react-relay": "^16.0.6",
     "@types/react-resizable": "^3.0.8",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/react-test-renderer": "^18.3.0",
-    "@types/relay-runtime": "^18.1.0",
+    "@types/relay-runtime": "^18.1.1",
     "@types/relay-test-utils": "^18.0.0",
     "@types/uuid": "^9.0.8",
     "ajv": "^8.17.1",
     "babel-plugin-named-exports-order": "^0.0.2",
     "babel-plugin-relay": "^18.1.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-storybook": "^0.8.0",
-    "html-webpack-plugin": "5.6.0",
-    "nodemon": "^3.1.4",
+    "eslint-plugin-storybook": "^0.11.1",
+    "html-webpack-plugin": "5.6.3",
+    "nodemon": "^3.1.7",
     "prop-types": "^15.8.1",
     "react-test-renderer": "^18.3.1",
     "relay-compiler": "^18.1.0",
     "relay-test-utils": "^18.1.0",
-    "storybook": "^8.2.8",
+    "storybook": "^8.4.5",
     "stream-browserify": "^3.0.0",
-    "webpack": "^5.93.0"
-  },
-  "overrides": {
-    "@typescript-eslint/typescript-estree": "^5.62.0",
-    "typescript": "^5.4.5",
-    "react-refresh": "0.11.0"
+    "webpack": "^5.96.1"
   },
   "proxy": "http://localhost:3081",
   "pnpm": {
     "patchedDependencies": {
-      "@cloudscape-design/[email protected]": "patches/@[email protected]"
+      "@cloudscape-design/[email protected]": "patches/@[email protected]",
+      "[email protected]": "patches/[email protected]"
     }
   }
 }

react/patches/rc-field-form@2.5.1.patch

@@ -0,0 +1,13 @@
+diff --git a/es/namePathType.d.ts b/es/namePathType.d.ts
+index d9373da14af3612eca3c55c380deecf8e3587e03..e8b67d793d4d71c8cbf8c1f0d4667841b239be30 100644
+--- a/es/namePathType.d.ts
++++ b/es/namePathType.d.ts
+@@ -3,7 +3,7 @@ type BaseNamePath = string | number | boolean | (string | number | boolean)[];
+  * Store: The store type from `FormInstance<Store>`
+  * ParentNamePath: Auto generate by nest logic. Do not fill manually.
+  */
+-export type DeepNamePath<Store = any, ParentNamePath extends any[] = []> = ParentNamePath['length'] extends 5 ? never : true extends (Store extends BaseNamePath ? true : false) ? ParentNamePath['length'] extends 0 ? Store | BaseNamePath : Store extends any[] ? [...ParentNamePath, number] : never : Store extends any[] ? // Connect path. e.g. { a: { b: string }[] }
++export type DeepNamePath<Store = any, ParentNamePath extends any[] = []> = ParentNamePath['length'] extends 3 ? never : true extends (Store extends BaseNamePath ? true : false) ? ParentNamePath['length'] extends 0 ? Store | BaseNamePath : Store extends any[] ? [...ParentNamePath, number] : never : Store extends any[] ? // Connect path. e.g. { a: { b: string }[] }
+ [
+     ...ParentNamePath,
+     number