Move peerdeps to 16.9.0 & 17+ for react & react-dom (#29735)

* Move peerdeps to 16.9.0 & 17+ for react & react-dom * update examples, ... * Update building-a-theme.md * Update package.json
gatsbyjs · Feb 26, 2021 · 6b86b99 · 6b86b99
1 parent b3b19d3
commit 6b86b99
Show file tree

Hide file tree

Showing 93 changed files with 299 additions and 266 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -205,7 +205,7 @@ module.exports = {
   ],
   settings: {
     react: {
-      version: "16.4.2",
+      version: "16.9.0",
     },
   },
 }
diff --git a/benchmarks/source-agilitycms/package.json b/benchmarks/source-agilitycms/package.json
@@ -28,8 +28,8 @@
     "gatsby-source-filesystem": "^2.2.1",
     "gatsby-transformer-sharp": "^2.4.1",
     "node-fetch": "^2.6.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "truncate-html": "^1.0.2"
   },
@@ -43,4 +43,4 @@
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   }
-}
+}
diff --git a/docs/tutorial/building-a-theme.md b/docs/tutorial/building-a-theme.md
@@ -107,8 +107,8 @@ You should now see the following dependencies in your `site/package.json`:
   "dependencies": {
     "gatsby": "^2.9.11",
     "gatsby-theme-events": "*",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   }
 }
 ```
@@ -155,14 +155,14 @@ The `gatsby-theme-events/package.json` file should now include the following:
 ```json:title=gatsby-theme-events/package.json
 {
   "peerDependencies": {
-    "gatsby": "^2.9.11",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "gatsby": "^3.0.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "devDependencies": {
-    "gatsby": "^2.9.11",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "gatsby": "^3.0.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   }
 }
 ```
@@ -1335,13 +1335,13 @@ It's important to namespace your theme. It helps differentiate between published
   },
   "peerDependencies": {
     "gatsby": "^2.13.19",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "devDependencies": {
     "gatsby": "^2.13.19",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "dependencies": {
     "@emotion/react": "^11.0.0",

diff --git a/e2e-tests/gatsby-image/package.json b/e2e-tests/gatsby-image/package.json
@@ -13,8 +13,8 @@
     "gatsby-plugin-sharp": "^2.0.20",
     "gatsby-source-filesystem": "^2.0.20",
     "gatsby-transformer-sharp": "^2.1.13",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.0"
   },
   "keywords": [
@@ -42,4 +42,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/e2e-tests/gatsby-static-image/package.json b/e2e-tests/gatsby-static-image/package.json
@@ -8,8 +8,8 @@
     "gatsby": "^2.0.118",
     "gatsby-plugin-image": "^0.0.2",
     "gatsby-plugin-sharp": "^2.0.20",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -36,4 +36,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/e2e-tests/mdx-less-babel/package.json b/e2e-tests/mdx-less-babel/package.json
@@ -9,8 +9,8 @@
     "gatsby": "^2.0.118",
     "gatsby-plugin-mdx": "^1.2.19",
     "gatsby-source-filesystem": "^2.3.14",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "theme-ui": "^0.3.1"
   },
   "keywords": [
@@ -34,4 +34,4 @@
     "prettier": "2.0.4",
     "start-server-and-test": "^1.7.1"
   }
-}
+}
diff --git a/e2e-tests/mdx/package.json b/e2e-tests/mdx/package.json
@@ -9,8 +9,8 @@
     "gatsby": "^2.0.118",
     "gatsby-plugin-mdx": "^1.2.19",
     "gatsby-source-filesystem": "^2.3.14",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "theme-ui": "^0.3.1"
   },
   "keywords": [
@@ -34,4 +34,4 @@
     "prettier": "2.0.4",
     "start-server-and-test": "^1.7.1"
   }
-}
+}
diff --git a/e2e-tests/path-prefix/package.json b/e2e-tests/path-prefix/package.json
@@ -15,8 +15,8 @@
     "gatsby-plugin-sitemap": "^2.0.12",
     "gatsby-source-filesystem": "^2.8.1",
     "gatsby-transformer-sharp": "^2.9.0",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.0"
   },
   "keywords": [
@@ -53,4 +53,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/e2e-tests/production-runtime/package.json b/e2e-tests/production-runtime/package.json
@@ -13,8 +13,8 @@
     "gatsby-plugin-sharp": "^3.0.0-next.5",
     "gatsby-seo": "^0.1.0",
     "glob": "^7.1.3",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.0",
     "typeface-merriweather": "^1.1.13"
   },
@@ -52,4 +52,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/e2e-tests/themes/development-runtime/package.json b/e2e-tests/themes/development-runtime/package.json
@@ -6,8 +6,8 @@
   "dependencies": {
     "gatsby": "^2.13.14",
     "gatsby-theme-about": "*",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "license": "MIT",
   "scripts": {
@@ -36,4 +36,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/e2e-tests/themes/gatsby-theme-about/package.json b/e2e-tests/themes/gatsby-theme-about/package.json
@@ -25,7 +25,7 @@
     "prettier": "2.0.4"
   },
   "peerDependencies": {
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   }
 }
diff --git a/e2e-tests/themes/production-runtime/package.json b/e2e-tests/themes/production-runtime/package.json
@@ -6,8 +6,8 @@
   "dependencies": {
     "gatsby": "^2.13.14",
     "gatsby-theme-about": "*",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "license": "MIT",
   "scripts": {
@@ -33,4 +33,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/e2e-tests/visual-regression/package.json b/e2e-tests/visual-regression/package.json
@@ -11,8 +11,8 @@
     "gatsby-plugin-sharp": "^2.0.20",
     "gatsby-source-filesystem": "^2.3.35",
     "gatsby-transformer-sharp": "^2.5.19",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -42,4 +42,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby-starter-default"
   }
-}
+}
diff --git a/examples/client-only-paths/package.json b/examples/client-only-paths/package.json
@@ -8,8 +8,8 @@
     "gatsby": "next",
     "gatsby-plugin-netlify": "next",
     "gatsby-plugin-typography": "next",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-transition-group": "^2.9.0",
     "react-typography": "^0.16.19",
     "typography": "^0.16.19",
@@ -25,4 +25,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
diff --git a/examples/feed/package.json b/examples/feed/package.json
@@ -9,8 +9,8 @@
     "gatsby-plugin-feed": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-remark": "next",
-    "react": "^16.4.1",
-    "react-dom": "^16.4.1"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -22,4 +22,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
diff --git a/examples/gatsbygram/package.json b/examples/gatsbygram/package.json
@@ -25,8 +25,8 @@
     "mousetrap": "^1.6.5",
     "progress": "^2.0.3",
     "prop-types": "^15.7.2",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-gravatar": "^2.6.3",
     "react-icons": "^2.2.7",
     "react-modal": "^3.11.2",
@@ -57,4 +57,4 @@
     "gatsby-cypress": "^0.4.10",
     "start-server-and-test": "^1.11.3"
   }
-}
+}
diff --git a/examples/hn/package.json b/examples/hn/package.json
@@ -11,8 +11,8 @@
     "gatsby-plugin-manifest": "next",
     "gatsby-source-hacker-news": "next",
     "lodash": "^4.17.20",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "slash": "^2.0.0"
   },
   "keywords": [
@@ -25,4 +25,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
diff --git a/examples/image-processing/package.json b/examples/image-processing/package.json
@@ -14,8 +14,8 @@
     "gatsby-source-drupal": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-sharp": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.19",
     "typography": "^0.16.19",
     "typography-theme-bootstrap": "^0.16.19"
@@ -31,4 +31,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
diff --git a/examples/no-trailing-slashes/package.json b/examples/no-trailing-slashes/package.json
@@ -9,8 +9,8 @@
     "gatsby-plugin-google-analytics": "next",
     "gatsby-plugin-offline": "next",
     "lodash": "^4.17.20",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "slash": "^1.0.0"
   },
   "keywords": [
@@ -23,4 +23,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
diff --git a/examples/recipe-static-image/package.json b/examples/recipe-static-image/package.json
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "gatsby": "next",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "prettier": "2.1.1"
@@ -27,4 +27,4 @@
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   }
-}
+}
diff --git a/examples/recipe-webpack-image/package.json b/examples/recipe-webpack-image/package.json
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "gatsby": "next",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "prettier": "2.1.1"
@@ -27,4 +27,4 @@
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   }
-}
+}