fix(deps): update react monorepo (major) (#1801)

* fix(deps): update react monorepo

* Updates

* Update

* Update

* Update

* Updates

* Updates

* Update

* Remove usages of react-test-renderer

* Fix

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nathan Bierema <nbierema@gmail.com>

Author: renovate[bot]

extension/package.json

@@ -37,10 +37,10 @@
     "jsan": "^3.1.14",
     "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-icons": "^5.5.0",
-    "react-is": "^18.3.1",
+    "react-is": "^19.1.0",
     "react-json-tree": "workspace:^",
     "react-redux": "^9.2.0",
     "redux": "^5.0.1",
@@ -58,8 +58,8 @@
     "@testing-library/react": "^16.3.0",
     "@types/chrome": "^0.0.323",
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^18.3.22",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
     "@types/styled-components": "^5.1.34",
     "chromedriver": "^126.0.5",
     "cross-env": "^7.0.3",

package.json

@@ -9,7 +9,7 @@
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-jest": "^28.11.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "jest": "^29.7.0",
     "prettier": "3.5.3",
     "typescript": "~5.8.3",

packages/react-dock/demo/package.json

@@ -10,12 +10,12 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "react": "^18.3.1",
+    "react": "^19.1.0",
     "react-bootstrap": "^2.10.10",
     "react-dock": "workspace:^",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.1.0",
     "react-icons": "^5.5.0",
-    "react-is": "^18.3.1",
+    "react-is": "^19.1.0",
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
@@ -24,8 +24,8 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@types/node": "^22.15.21",
-    "@types/react": "^18.3.22",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
     "@types/styled-components": "^5.1.34",
     "babel-loader": "^10.0.0",
     "cross-env": "^7.0.3",

packages/react-dock/eslint.config.js

@@ -1,11 +1,9 @@
 import eslintJs from '../../eslint.js.config.base.mjs';
 import eslintTsReact from '../../eslint.ts.react.config.base.mjs';
-import eslintTsReactJest from '../../eslint.ts.react.jest.config.base.mjs';
 
 export default [
   ...eslintJs,
   ...eslintTsReact(import.meta.dirname),
-  ...eslintTsReactJest(import.meta.dirname),
   {
     ignores: ['demo', 'lib'],
   },

packages/react-dock/jest.config.cjs

@@ -29,26 +29,19 @@
   "scripts": {
     "build": "tsc",
     "clean": "rimraf lib",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
     "lint": "eslint .",
     "type-check": "tsc --noEmit",
     "prepack": "pnpm run clean && pnpm run build",
-    "prepublish": "pnpm run lint && pnpm run test"
+    "prepublish": "pnpm run lint"
   },
   "dependencies": {
     "@types/lodash-es": "^4.17.12",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.22",
-    "@types/react-test-renderer": "^18.3.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "react": "^18.3.1",
-    "react-test-renderer": "^18.3.1",
+    "@types/react": "^19.1.6",
+    "react": "^19.1.0",
     "rimraf": "^6.0.1",
-    "ts-jest": "^29.3.4",
     "typescript": "~5.8.3"
   },
   "peerDependencies": {

packages/react-dock/package.json

@@ -228,12 +228,12 @@ interface Props {
   dockHiddenStyle?: React.CSSProperties | null;
   duration: number;
   children?:
-    | React.FunctionComponent<{
+    | ((params: {
         position: 'left' | 'right' | 'top' | 'bottom';
         isResizing: boolean | undefined;
         size: number;
         isVisible: boolean | undefined;
-      }>
+      }) => ReactNode)
     | ReactNode;
 }
 
@@ -363,14 +363,7 @@ export default class Dock extends Component<Props, State> {
           />
           <div style={styles.dockContent}>
             {typeof children === 'function'
-              ? (
-                  children as React.FunctionComponent<{
-                    position: 'left' | 'right' | 'top' | 'bottom';
-                    isResizing: boolean | undefined;
-                    size: number;
-                    isVisible: boolean | undefined;
-                  }>
-                )({
+              ? children({
                   position,
                   isResizing,
                   size,

packages/react-dock/src/Dock.tsx

@@ -20,9 +20,9 @@
   },
   "dependencies": {
     "immutable": "^5.1.2",
-    "react": "^18.3.1",
+    "react": "^19.1.0",
     "react-base16-styling": "workspace:^",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.1.0",
     "react-json-tree": "workspace:^"
   },
   "devDependencies": {
@@ -31,8 +31,8 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@types/node": "^22.15.21",
-    "@types/react": "^18.3.22",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
     "babel-loader": "^10.0.0",
     "cross-env": "^7.0.3",
     "fork-ts-checker-webpack-plugin": "^9.1.0",

packages/react-dock/test/index.test.tsx

@@ -45,11 +45,9 @@
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.22",
-    "@types/react-test-renderer": "^18.3.1",
+    "@types/react": "^19.1.6",
     "jest": "^29.7.0",
-    "react": "^18.3.1",
-    "react-test-renderer": "^18.3.1",
+    "react": "^19.1.0",
     "rimraf": "^6.0.1",
     "ts-jest": "^29.3.4",
     "typescript": "~5.8.3"