update @types/react version in examples (#57259)

### What? When I ran `npx create-next-app --example with-turbopack` and installed dependencies using `yarn`, I found an typescript error(`'SomeComponent' cannot be used as a JSX component.`). <img src="https://github.com/vercel/next.js/assets/51700274/f6c7e478-c0b1-4ea2-996f-4c0c78e3bb4b" width=400 /> and I realized that the bug is due to the version of @types/react(18.0.x). you can check this issue on [here](#42292 (comment)) too. ### Why? It seems that there is an error occurring in the @types/react version 18.0.x. ### How? It would be good to change the @types/react version to 18.2.8 in the next.js examples. I think this change will resolve [this issue](#55080 (comment)) [NestJS documentation](https://nextjs.org/docs/app/building-your-application/configuring/typescript#async-server-component-typescript-error) also states to upgrade the version. Co-authored-by: Lee Robinson <me@leerob.io> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
vercel · Oct 27, 2023 · 8d45aa9 · 8d45aa9
1 parent f538232
commit 8d45aa9
Show file tree

Hide file tree

Showing 47 changed files with 47 additions and 47 deletions.
diff --git a/examples/app-dir-mdx/package.json b/examples/app-dir-mdx/package.json
@@ -9,7 +9,7 @@
     "@next/mdx": "latest",
     "@types/mdx": "2.0.3",
     "@types/node": "18.11.18",
-    "@types/react": "18.0.27",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.10",
     "next": "latest",
     "react": "18.2.0",

diff --git a/examples/authsignal/passwordless-login/package.json b/examples/authsignal/passwordless-login/package.json
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@types/cookie": "^0.5.1",
     "@types/node": "18.0.3",
-    "@types/react": "18.0.15",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.6",
     "typescript": "4.7.4"
   }

diff --git a/examples/cms-enterspeed/package.json b/examples/cms-enterspeed/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@types/node": "18.0.0",
-    "@types/react": "18.0.14",
+    "@types/react": "18.2.8",
     "autoprefixer": "10.4.2",
     "postcss": "8.4.31",
     "tailwindcss": "^3.0.15",

diff --git a/examples/cms-kontent-ai/package.json b/examples/cms-kontent-ai/package.json
@@ -7,7 +7,7 @@
   },
   "dependencies": {
     "@types/node": "18.11.18",
-    "@types/react": "18.0.27",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.10",
     "@kontent-ai/delivery-sdk": "^12.4.2",
     "classnames": "2.3.1",

diff --git a/examples/cms-makeswift/package.json b/examples/cms-makeswift/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "17.0.41",
-    "@types/react": "18.0.12",
+    "@types/react": "18.2.8",
     "typescript": "4.7.3"
   }
 }
diff --git a/examples/cms-plasmic/package.json b/examples/cms-plasmic/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "17.0.41",
-    "@types/react": "18.0.12",
+    "@types/react": "18.2.8",
     "typescript": "4.7.3"
   }
 }
diff --git a/examples/convex/package.json b/examples/convex/package.json
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@types/node": "^18.15.3",
     "@types/react-dom": "18.0.11",
-    "@types/react": "18.0.37",
+    "@types/react": "18.2.8",
     "npm-run-all": "^4.1.5",
     "typescript": "^4.9.5"
   }

diff --git a/examples/data-fetch/package.json b/examples/data-fetch/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.11",
-    "@types/react": "18.0.17",
+    "@types/react": "18.2.8",
     "typescript": "4.7.4"
   }
 }
diff --git a/examples/dynamic-routing/package.json b/examples/dynamic-routing/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.9",
-    "@types/react": "18.0.17",
+    "@types/react": "18.2.8",
     "typescript": "4.7.4"
   }
 }
diff --git a/examples/image-component/package.json b/examples/image-component/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@types/node": "18.15.3",
-    "@types/react": "18.0.28",
+    "@types/react": "18.2.8",
     "typescript": "4.9.5"
   }
 }
diff --git a/examples/middleware/package.json b/examples/middleware/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "18.0.0",
-    "@types/react": "18.0.14",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.5",
     "eslint": "8.18.0",
     "eslint-config-next": "12.2.0",

diff --git a/examples/next-css/package.json b/examples/next-css/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@types/node": "18.11.5",
-    "@types/react": "18.0.23",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.7",
     "typescript": "4.8.4"
   }

diff --git a/examples/radix-ui/package.json b/examples/radix-ui/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@types/node": "18.8.0",
-    "@types/react": "18.0.21",
+    "@types/react": "18.2.8",
     "autoprefixer": "10.4.12",
     "postcss": "8.4.31",
     "tailwindcss": "3.1.8",

diff --git a/examples/with-aws-amplify/package.json b/examples/with-aws-amplify/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@types/node": "18.11.5",
-    "@types/react": "18.0.23",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.7",
     "typescript": "4.8.4"
   }

diff --git a/examples/with-clerk/package.json b/examples/with-clerk/package.json
@@ -8,7 +8,7 @@
   "dependencies": {
     "@clerk/nextjs": "^4.17.3",
     "@types/node": "20.5.7",
-    "@types/react": "18.2.21",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.2.7",
     "next": "13.4.2",
     "react": "18.2.0",

diff --git a/examples/with-cloudinary/package.json b/examples/with-cloudinary/package.json
@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@types/node": "18.11.9",
-    "@types/react": "18.0.25",
+    "@types/react": "18.2.8",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.18",
     "prettier": "^2.7.1",

diff --git a/examples/with-cypress/package.json b/examples/with-cypress/package.json
@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@types/node": "18.0.6",
-    "@types/react": "18.0.15",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.6",
     "cypress": "12.3.0",
     "start-server-and-test": "1.15.2",

diff --git a/examples/with-emotion-swc/package.json b/examples/with-emotion-swc/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@types/node": "18.0.6",
-    "@types/react": "18.0.15",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.6",
     "typescript": "^4.7.4"
   }

diff --git a/examples/with-fingerprintjs-pro/package.json b/examples/with-fingerprintjs-pro/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "17.0.40",
-    "@types/react": "18.0.12",
+    "@types/react": "18.2.8",
     "typescript": "4.7.3"
   }
 }
diff --git a/examples/with-grafbase/package.json b/examples/with-grafbase/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@types/node": "18.11.9",
-    "@types/react": "18.0.25",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.2.7",
     "graphql": "16.8.1",
     "graphql-request": "5.0.0",

diff --git a/examples/with-graphql-gateway/package.json b/examples/with-graphql-gateway/package.json
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@types/node": "17.0.24",
-    "@types/react": "18.0.5",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.1",
     "typescript": "4.6.3"
   }

diff --git a/examples/with-jest-babel/package.json b/examples/with-jest-babel/package.json
@@ -17,7 +17,7 @@
     "@testing-library/react": "13.2.0",
     "@testing-library/user-event": "14.2.0",
     "@types/jest": "29.5.5",
-    "@types/react": "18.0.9",
+    "@types/react": "18.2.8",
     "babel-jest": "28.1.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "28.1.0",

diff --git a/examples/with-jest/package.json b/examples/with-jest/package.json
@@ -18,7 +18,7 @@
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
     "@types/jest": "29.5.5",
-    "@types/react": "18.2.21",
+    "@types/react": "18.2.8",
     "jest": "29.6.4",
     "jest-environment-jsdom": "29.6.4",
     "typescript": "5.2.2"

diff --git a/examples/with-loading/package.json b/examples/with-loading/package.json
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@types/node": "18.7.5",
     "@types/nprogress": "0.2.0",
-    "@types/react": "18.0.17",
+    "@types/react": "18.2.8",
     "typescript": "4.7.4"
   }
 }
diff --git a/examples/with-mantine/package.json b/examples/with-mantine/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@types/node": "17.0.25",
-    "@types/react": "18.0.5",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.1",
     "prettier": "2.6.2",
     "typescript": "4.6.3"

diff --git a/examples/with-msw/package.json b/examples/with-msw/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "18.6.3",
-    "@types/react": "18.0.15",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.6",
     "typescript": "^4.7.4"
   },

diff --git a/examples/with-next-ui/package.json b/examples/with-next-ui/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "18.0.3",
-    "@types/react": "18.0.15",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.6",
     "typescript": "4.7.4"
   }

diff --git a/examples/with-opentelemetry/package.json b/examples/with-opentelemetry/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.11",
-    "@types/react": "18.0.17",
+    "@types/react": "18.2.8",
     "typescript": "4.7.4"
   }
 }
diff --git a/examples/with-particles/package.json b/examples/with-particles/package.json
@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@types/node": "17.0.33",
-    "@types/react": "18.0.9",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.4",
     "eslint": "8.15.0",
     "eslint-config-next": "latest",

diff --git a/examples/with-prefetching/package.json b/examples/with-prefetching/package.json
@@ -12,7 +12,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.18",
-    "@types/react": "18.0.20",
+    "@types/react": "18.2.8",
     "typescript": "4.8.3"
   }
 }
diff --git a/examples/with-react-intl/package.json b/examples/with-react-intl/package.json
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@formatjs/cli": "5.1.0",
     "@types/node": "18.7.23",
-    "@types/react": "18.0.21",
+    "@types/react": "18.2.8",
     "babel-plugin-formatjs": "10.3.28",
     "eslint-plugin-formatjs": "4.3.1",
     "typescript": "4.8.4"

diff --git a/examples/with-react-jss/package.json b/examples/with-react-jss/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.15",
-    "@types/react": "18.0.18",
+    "@types/react": "18.2.8",
     "typescript": "4.8.2"
   }
 }
diff --git a/examples/with-redux/package.json b/examples/with-redux/package.json
@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@types/node": "20.3.1",
-    "@types/react": "18.2.12",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.2.5",
     "@types/redux-logger": "3.0.9",
     "redux-logger": "3.0.6",

diff --git a/examples/with-segment-analytics-pages-router/package.json b/examples/with-segment-analytics-pages-router/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "20.4.0",
-    "@types/react": "18.2.14",
+    "@types/react": "18.2.8",
     "typescript": "5.1.6"
   }
 }
diff --git a/examples/with-segment-analytics/package.json b/examples/with-segment-analytics/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/node": "20.4.0",
-    "@types/react": "18.2.14",
+    "@types/react": "18.2.8",
     "typescript": "5.1.6"
   }
 }
diff --git a/examples/with-sfcc/package.json b/examples/with-sfcc/package.json
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@types/node": "18.11.9",
-    "@types/react": "18.0.25",
+    "@types/react": "18.2.8",
     "autoprefixer": "^10.4.0",
     "postcss": "^8.4.5",
     "tailwindcss": "^3.0.7",

diff --git a/examples/with-slate/package.json b/examples/with-slate/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.5",
-    "@types/react": "18.0.17",
+    "@types/react": "18.2.8",
     "typescript": "4.7.4"
   }
 }
diff --git a/examples/with-storybook/package.json b/examples/with-storybook/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@types/node": "18.15.12",
-    "@types/react": "18.0.37",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.11",
     "next": "13.3.0",
     "react": "18.2.0",

diff --git a/examples/with-stripe-typescript/package.json b/examples/with-stripe-typescript/package.json
@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@types/node": "20.4.6",
-    "@types/react": "18.2.18",
+    "@types/react": "18.2.8",
     "typescript": "5.1.6"
   }
 }
diff --git a/examples/with-supabase/package.json b/examples/with-supabase/package.json
@@ -18,7 +18,7 @@
   },
   "devDependencies": {
     "@types/node": "20.3.1",
-    "@types/react": "18.2.12",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.2.5",
     "encoding": "^0.1.13"
   }

diff --git a/examples/with-supertokens/package.json b/examples/with-supertokens/package.json
@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@types/node": "18.7.13",
-    "@types/react": "18.0.17",
+    "@types/react": "18.2.8",
     "typescript": "^4.8.2"
   }
 }
diff --git a/examples/with-tigris/package.json b/examples/with-tigris/package.json
@@ -17,7 +17,7 @@
   },
   "devDependencies": {
     "@types/node": "18.11.2",
-    "@types/react": "18.0.21",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.6",
     "typescript": "4.8.4"
   }

diff --git a/examples/with-turbopack/package.json b/examples/with-turbopack/package.json
@@ -34,7 +34,7 @@
     "@tailwindcss/typography": "0.5.9",
     "@types/ms": "0.7.31",
     "@types/node": "18.11.17",
-    "@types/react": "18.0.26",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.9",
     "@vercel/git-hooks": "1.0.0",
     "autoprefixer": "10.4.13",

diff --git a/examples/with-vanilla-extract/package.json b/examples/with-vanilla-extract/package.json
@@ -9,7 +9,7 @@
     "@vanilla-extract/css": "^1.11.0",
     "@vanilla-extract/next-plugin": "^2.1.3",
     "@types/node": "18.15.11",
-    "@types/react": "18.0.34",
+    "@types/react": "18.2.8",
     "@types/react-dom": "18.0.11",
     "next": "latest",
     "react": "18.2.0",