Migrate to React 19

aryaemami59 · aryaemami59 · commit 64108998da93 · 2024-12-06T15:28:19.000-06:00
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -77,9 +77,9 @@ jobs:
               react-dom: { version: '^18', types: '^18' },
             },
             {
-              version: 'rc',
-              types: 'npm:types-react@rc',
-              react-dom: { version: 'rc', types: 'npm:types-react-dom@rc' },
+              version: '^19',
+              types: '^19',
+              react-dom: { version: '^19', types: '^19' },
             },
           ]
 
@@ -140,9 +140,9 @@ jobs:
               react-dom: { version: '^18', types: '^18' },
             },
             {
-              version: 'rc',
-              types: 'npm:types-react@rc',
-              react-dom: { version: 'rc', types: 'npm:types-react-dom@rc' },
+              version: '^19',
+              types: '^19',
+              react-dom: { version: '^19', types: '^19' },
             },
           ]
 
diff --git a/docs/package.json b/docs/package.json
@@ -3,7 +3,7 @@
   "devDependencies": {
     "@manaflair/redux-batch": "^1.0.0",
     "@types/nanoid": "^2.1.0",
-    "@types/react": "npm:types-react@rc",
+    "@types/react": "^19.0.1",
     "async-mutex": "^0.3.2",
     "axios": "^0.20.0",
     "formik": "^2.1.5",
diff --git a/examples/action-listener/counter/package.json b/examples/action-listener/counter/package.json
@@ -5,11 +5,11 @@
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.0",
     "@types/node": "^12.0.0",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "clsx": "1.1.1",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1",
     "typescript": "~4.9"
diff --git a/examples/query/react/advanced/package.json b/examples/query/react/advanced/package.json
@@ -7,14 +7,14 @@
   "main": "src/index.tsx",
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.0-rc.1",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "eslintConfig": {
diff --git a/examples/query/react/authentication-with-extrareducers/package.json b/examples/query/react/authentication-with-extrareducers/package.json
@@ -12,16 +12,16 @@
     "@reduxjs/toolkit": "^1.6.0-rc.1",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/authentication/package.json b/examples/query/react/authentication/package.json
@@ -12,16 +12,16 @@
     "@reduxjs/toolkit": "^1.6.0-rc.1",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/basic/package.json b/examples/query/react/basic/package.json
@@ -7,17 +7,17 @@
   "main": "src/index.tsx",
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.0-rc.1",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/jest": "^26.0.23",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "msw": "^0.40.2",
     "typescript": "~4.9"
   },
diff --git a/examples/query/react/conditional-fetching/package.json b/examples/query/react/conditional-fetching/package.json
@@ -7,14 +7,14 @@
   "main": "src/index.tsx",
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.0-rc.1",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "eslintConfig": {
diff --git a/examples/query/react/deduping-queries/package.json b/examples/query/react/deduping-queries/package.json
@@ -7,14 +7,14 @@
   "main": "src/index.tsx",
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.0-rc.1",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "eslintConfig": {
diff --git a/examples/query/react/graphql-codegen/package.json b/examples/query/react/graphql-codegen/package.json
@@ -16,8 +16,8 @@
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
     "msw": "0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
@@ -34,8 +34,8 @@
     "@graphql-codegen/typescript-rtk-query": "^1.1.0",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@types/faker": "^5.5.5",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "@types/webpack-env": "^1.16.0",
     "concurrently": "^6.2.0",
     "cross-env": "^7.0.3",
diff --git a/examples/query/react/graphql/package.json b/examples/query/react/graphql/package.json
@@ -17,17 +17,17 @@
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
     "msw": "0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
     "@types/faker": "^5.5.5",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.2.4"
   },
   "scripts": {
diff --git a/examples/query/react/kitchen-sink/package.json b/examples/query/react/kitchen-sink/package.json
@@ -8,8 +8,8 @@
   "dependencies": {
     "@reduxjs/toolkit": "1.8.1",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
@@ -20,8 +20,8 @@
     "@testing-library/react": "^16.1.0",
     "@types/jest": "^26.0.23",
     "@types/node": "^14.14.6",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9",
     "whatwg-fetch": "^3.4.1"
   },
diff --git a/examples/query/react/mutations/package.json b/examples/query/react/mutations/package.json
@@ -13,16 +13,16 @@
     "@reduxjs/toolkit": "^1.6.0-rc.1",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/optimistic-update/package.json b/examples/query/react/optimistic-update/package.json
@@ -13,17 +13,17 @@
     "@reduxjs/toolkit": "^1.6.0-rc.1",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9",
     "whatwg-fetch": "^3.4.1"
   },
diff --git a/examples/query/react/pagination/package.json b/examples/query/react/pagination/package.json
@@ -14,16 +14,16 @@
     "faker": "^5.5.3",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "^5.0.1",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
     "@types/faker": "^5.5.5",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/polling/package.json b/examples/query/react/polling/package.json
@@ -7,14 +7,14 @@
   "main": "src/index.tsx",
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.0-rc.1",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-redux": "^9.1.2",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "eslintConfig": {
diff --git a/examples/query/react/prefetching-automatic-waterfall/package.json b/examples/query/react/prefetching-automatic-waterfall/package.json
@@ -14,17 +14,17 @@
     "faker": "^5.5.3",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
     "@types/faker": "^5.5.5",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/prefetching-automatic/package.json b/examples/query/react/prefetching-automatic/package.json
@@ -14,17 +14,17 @@
     "faker": "^5.5.3",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
     "@types/faker": "^5.5.5",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/prefetching/package.json b/examples/query/react/prefetching/package.json
@@ -14,17 +14,17 @@
     "faker": "^5.5.3",
     "framer-motion": "^2.9.5",
     "msw": "^0.40.2",
-    "react": "19.0.0-rc.1",
-    "react-dom": "19.0.0-rc.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "3.11.0",
     "react-redux": "^9.1.2",
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1"
   },
   "devDependencies": {
     "@types/faker": "^5.5.5",
-    "@types/react": "npm:types-react@rc",
-    "@types/react-dom": "npm:types-react-dom@rc",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "typescript": "~4.9"
   },
   "scripts": {
diff --git a/examples/query/react/with-apiprovider/package.json b/examples/query/react/with-apiprovider/package.json
diff --git a/examples/type-portability/bundler/package.json b/examples/type-portability/bundler/package.json
diff --git a/examples/type-portability/nodenext-cjs/package.json b/examples/type-portability/nodenext-cjs/package.json
diff --git a/examples/type-portability/nodenext-esm/package.json b/examples/type-portability/nodenext-esm/package.json
diff --git a/package.json b/package.json
diff --git a/packages/toolkit/package.json b/packages/toolkit/package.json
diff --git a/website/package.json b/website/package.json
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -77,9 +77,9 @@ jobs:`
`77`	`77`	`react-dom: { version: '^18', types: '^18' },`
`78`	`78`	`},`
`79`	`79`	`{`
`80`		`- version: 'rc',`
`81`		`- types: 'npm:types-react@rc',`
`82`		`- react-dom: { version: 'rc', types: 'npm:types-react-dom@rc' },`
	`80`	`+ version: '^19',`
	`81`	`+ types: '^19',`
	`82`	`+ react-dom: { version: '^19', types: '^19' },`
`83`	`83`	`},`
`84`	`84`	`]`
`85`	`85`
`@@ -140,9 +140,9 @@ jobs:`
`140`	`140`	`react-dom: { version: '^18', types: '^18' },`
`141`	`141`	`},`
`142`	`142`	`{`
`143`		`- version: 'rc',`
`144`		`- types: 'npm:types-react@rc',`
`145`		`- react-dom: { version: 'rc', types: 'npm:types-react-dom@rc' },`
	`143`	`+ version: '^19',`
	`144`	`+ types: '^19',`
	`145`	`+ react-dom: { version: '^19', types: '^19' },`
`146`	`146`	`},`
`147`	`147`	`]`
`148`	`148`