diff --git a/.eslintrc.js b/.eslintrc.js
index e917e67b92867..0f24250a0acc8 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -100,9 +100,10 @@ module.exports = {
         ...TSEslint.configs.recommended.rules,
         // We should absolutely avoid using ts-ignore, but it's not always possible.
         // particular when a dependencies types are incorrect.
-        "@typescript-eslint/ban-ts-comment": {
-          "ts-ignore": "allow-with-description",
-        },
+        "@typescript-eslint/ban-ts-comment": [
+          "warn",
+          { "ts-ignore": "allow-with-description" }
+        ],
         // This rule is great. It helps us not throw on types for areas that are
         // easily inferrable. However we have a desire to have all function inputs
         // and outputs declaratively typed. So this let's us ignore the parameters
@@ -125,22 +126,62 @@ module.exports = {
             },
           },
         ],
+        "camelcase": "off",
+        // TODO: These rules allow a lot of stuff and don't really enforce. If we want to apply our styleguide, we'd need to fix a lot of stuff
         "@typescript-eslint/naming-convention": [
+          "error",
           {
             selector: "default",
             format: ["camelCase"],
           },
-          { selector: "variable", format: ["camelCase", "UPPER_CASE"] },
           {
-            selector: "parameter",
-            format: ["camelCase"],
+            selector: "variable",
+            format: ["camelCase", "UPPER_CASE", "PascalCase"],
+            leadingUnderscore: "allowSingleOrDouble",
+            trailingUnderscore: "allowSingleOrDouble",
+          },
+          {
+            selector: "function",
+            format: ["camelCase", "PascalCase"],
             leadingUnderscore: "allow",
-            prefix: ["unstable_", ""],
+          },
+          {
+            selector: "parameter",
+            format: ["camelCase", "PascalCase", "snake_case"],
+            leadingUnderscore: "allowSingleOrDouble",
+          },
+          {
+            selector: "enumMember",
+            format: ["camelCase", "UPPER_CASE", "PascalCase"]
           },
           {
             selector: "typeLike",
             format: ["PascalCase"],
           },
+          {
+            selector: "typeAlias",
+            format: ["camelCase", "PascalCase"]
+          },
+          {
+            selector: "property",
+            format: ["PascalCase", "UPPER_CASE", "camelCase", "snake_case"],
+            leadingUnderscore: "allowSingleOrDouble",
+          },
+          {
+            selector: "objectLiteralProperty",
+            format: ["PascalCase", "UPPER_CASE", "camelCase", "snake_case"],
+            leadingUnderscore: "allowSingleOrDouble",
+            trailingUnderscore: "allowSingleOrDouble",
+          },
+          {
+            selector: "enum",
+            format: ["PascalCase", "UPPER_CASE"]
+          },
+          {
+            selector: "method",
+            format: ["PascalCase", "camelCase"],
+            leadingUnderscore: "allowSingleOrDouble",
+          },
           {
             selector: "interface",
             format: ["PascalCase"],
@@ -153,6 +194,7 @@ module.exports = {
         // mocking. At this point it's easier to have it off and just encourage
         // using top-level imports via code reviews.
         "@typescript-eslint/no-var-requires": "off",
+        "@typescript-eslint/no-extra-semi": "off",
         // This rule ensures that typescript types do not have semicolons
         // at the end of their lines, since our prettier setup is to have no semicolons
         // e.g.,
@@ -160,7 +202,6 @@ module.exports = {
         // -  baz: string;
         // +  baz: string
         // }
-        "@typescript-eslint/no-extra-semi": false,
         "@typescript-eslint/member-delimiter-style": [
           "error",
           {
@@ -205,7 +246,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
index 3ddc362be10b3..db4fe765062dc 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/docs/tutorial/building-a-theme.md b/docs/tutorial/building-a-theme.md
index ae264e1904f06..c1f3fa21b1336 100644
--- 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
index efb031ad453f9..7d6cd8b6f41b7 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/gatsby-static-image/package.json b/e2e-tests/gatsby-static-image/package.json
index 022eea298fe26..91da06a887b30 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/mdx-less-babel/package.json b/e2e-tests/mdx-less-babel/package.json
index 31609b1d32bab..7df2170e3f8fe 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/mdx/package.json b/e2e-tests/mdx/package.json
index 31609b1d32bab..7df2170e3f8fe 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/path-prefix/package.json b/e2e-tests/path-prefix/package.json
index f1d96c45262f7..82319edd4fa91 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/production-runtime/package.json b/e2e-tests/production-runtime/package.json
index 805db5d64230d..8bc4bbaec3ee1 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/themes/development-runtime/package.json b/e2e-tests/themes/development-runtime/package.json
index d6a478a36d2d2..c5960c041488f 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/themes/gatsby-theme-about/package.json b/e2e-tests/themes/gatsby-theme-about/package.json
index baac853712494..d496afbea54e6 100644
--- 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
index b6b53ad6ed0f9..3fca97a0cdfb0 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/e2e-tests/visual-regression/package.json b/e2e-tests/visual-regression/package.json
index 73833ae5706af..e7d06a28de13f 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/client-only-paths/package.json b/examples/client-only-paths/package.json
index b42365960b094..650323c735964 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/feed/package.json b/examples/feed/package.json
index f8eae290e622a..4406f337639e6 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/gatsbygram/package.json b/examples/gatsbygram/package.json
index edf5e6285abcd..0af16fab6a5b4 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/hn/package.json b/examples/hn/package.json
index 1bcf0d5993b9a..e988b23e51fec 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/image-processing/package.json b/examples/image-processing/package.json
index d08ab261f4726..5e4cfce4cb66c 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/no-trailing-slashes/package.json b/examples/no-trailing-slashes/package.json
index 1bedc0537f7de..51245d4edd019 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/recipe-static-image/package.json b/examples/recipe-static-image/package.json
index b7852dc600306..00588441716ae 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/recipe-webpack-image/package.json b/examples/recipe-webpack-image/package.json
index 72fd0226e9b5b..79f490361f906 100644
--- 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"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/recipes-gatsby-image/package.json b/examples/recipes-gatsby-image/package.json
index b1b39cdd04607..548b0ae5db608 100644
--- a/examples/recipes-gatsby-image/package.json
+++ b/examples/recipes-gatsby-image/package.json
@@ -17,8 +17,8 @@
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-sharp": "next",
     "prop-types": "^15.7.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "devDependencies": {
@@ -43,4 +43,4 @@
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/route-api/package.json b/examples/route-api/package.json
index 1370981d4d548..eb03b77b18e4d 100644
--- a/examples/route-api/package.json
+++ b/examples/route-api/package.json
@@ -9,8 +9,8 @@
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-remark": "next",
     "gatsby-transformer-yaml": "next",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -22,4 +22,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/simple-auth/package.json b/examples/simple-auth/package.json
index 4ef4928e355ad..4be691afd84a0 100644
--- a/examples/simple-auth/package.json
+++ b/examples/simple-auth/package.json
@@ -7,8 +7,8 @@
     "gatsby": "next",
     "gatsby-plugin-react-helmet": "next",
     "prop-types": "^15.7.2",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "keywords": [
@@ -22,4 +22,4 @@
     "start": "npm run develop",
     "test": "echo \"Error: no test specified\" && exit 1"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/sitemap/package.json b/examples/sitemap/package.json
index 4ba9d113eea20..c2a7de1618433 100644
--- a/examples/sitemap/package.json
+++ b/examples/sitemap/package.json
@@ -10,8 +10,8 @@
     "gatsby-plugin-sitemap": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-remark": "next",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -23,4 +23,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/styleguide/package.json b/examples/styleguide/package.json
index 12037f185fd17..f3ba1b5b33e5b 100644
--- a/examples/styleguide/package.json
+++ b/examples/styleguide/package.json
@@ -11,8 +11,8 @@
     "gatsby-transformer-remark": "next",
     "glamor": "^2.20.40",
     "html-to-react": "^1.4.3",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-live": "^2.2.2"
   },
   "keywords": [
@@ -25,4 +25,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-asciidoc/package.json b/examples/using-asciidoc/package.json
index 333a47eef580f..91b76f81e922f 100644
--- a/examples/using-asciidoc/package.json
+++ b/examples/using-asciidoc/package.json
@@ -13,8 +13,8 @@
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-asciidoc": "next",
     "lodash": "^4.17.20",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.19",
     "slash": "^1.0.0",
     "typography": "^0.16.19",
@@ -30,4 +30,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-contentful/package.json b/examples/using-contentful/package.json
index 08617916457f1..100e96239d338 100644
--- a/examples/using-contentful/package.json
+++ b/examples/using-contentful/package.json
@@ -14,8 +14,8 @@
     "gatsby-source-contentful": "next",
     "gatsby-transformer-remark": "next",
     "lodash": "^4.17.20",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.19",
     "slash": "^2.0.0",
     "typography": "^0.16.19",
@@ -34,4 +34,4 @@
     "build": "gatsby build",
     "start": "gatsby serve"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-css-modules/package.json b/examples/using-css-modules/package.json
index 0790bb9227099..a2ee66a52d217 100644
--- a/examples/using-css-modules/package.json
+++ b/examples/using-css-modules/package.json
@@ -7,8 +7,8 @@
     "gatsby": "next",
     "gatsby-plugin-sass": "next",
     "node-sass": "^4.14.1",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "license": "MIT",
   "main": "n/a",
@@ -17,4 +17,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-csv/package.json b/examples/using-csv/package.json
index 00eee26ab52f7..e779f47ba4d20 100644
--- a/examples/using-csv/package.json
+++ b/examples/using-csv/package.json
@@ -8,8 +8,8 @@
     "gatsby-plugin-google-analytics": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-csv": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -21,4 +21,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-drupal/package.json b/examples/using-drupal/package.json
index d10c82772cb78..cd1d9b3286a31 100644
--- a/examples/using-drupal/package.json
+++ b/examples/using-drupal/package.json
@@ -17,8 +17,8 @@
     "glamor": "^2.20.40",
     "gray-percentage": "^2.0.0",
     "lodash": "^4.17.20",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-icons": "^2.2.7",
     "react-typography": "^0.16.19",
     "slash": "^1.0.0",
@@ -38,4 +38,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-emotion-prismjs/package.json b/examples/using-emotion-prismjs/package.json
index aa6aef76c722b..72fad54c1983a 100644
--- a/examples/using-emotion-prismjs/package.json
+++ b/examples/using-emotion-prismjs/package.json
@@ -25,8 +25,8 @@
     "lodash": "^4.17.20",
     "prismjs": "^1.21.0",
     "prop-types": "^15.7.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "react-typography": "^0.16.19",
     "typography": "^0.16.19",
@@ -34,4 +34,4 @@
   },
   "author": "Andrew Wyatt <andrewrwyatt@gmail.com>",
   "license": "MIT"
-}
+}
\ No newline at end of file
diff --git a/examples/using-emotion/package.json b/examples/using-emotion/package.json
index 4211062a6b6cc..7711f499d764e 100644
--- a/examples/using-emotion/package.json
+++ b/examples/using-emotion/package.json
@@ -13,8 +13,8 @@
     "gatsby-plugin-google-analytics": "next",
     "gatsby-plugin-offline": "next",
     "gatsby-plugin-react-helmet": "next",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "license": "MIT",
@@ -25,4 +25,4 @@
     "serve": "gatsby serve",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-excel/package.json b/examples/using-excel/package.json
index db141885aa584..7f5c2db1cc16f 100644
--- a/examples/using-excel/package.json
+++ b/examples/using-excel/package.json
@@ -7,8 +7,8 @@
     "gatsby": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-excel": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "license": "MIT",
   "main": "n/a",
@@ -17,4 +17,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-faker/package.json b/examples/using-faker/package.json
index 4fde736c8af2a..49fc69b3ec5be 100644
--- a/examples/using-faker/package.json
+++ b/examples/using-faker/package.json
@@ -8,8 +8,8 @@
     "gatsby": "next",
     "gatsby-plugin-react-helmet": "next",
     "gatsby-source-faker": "next",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "keywords": [
@@ -24,4 +24,4 @@
     "start": "npm run develop",
     "test": "echo \"Error: no test specified\" && exit 1"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-gatsby-image/package.json b/examples/using-gatsby-image/package.json
index 0967ab6c46a1e..ce72765499909 100644
--- a/examples/using-gatsby-image/package.json
+++ b/examples/using-gatsby-image/package.json
@@ -17,8 +17,8 @@
     "gatsby-transformer-sharp": "next",
     "gatsby-transformer-yaml": "next",
     "numeral": "^2.0.6",
-    "react": "^16.6.0",
-    "react-dom": "^16.6.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-icons": "^3.11.0",
     "react-typography": "^0.16.19",
     "typeface-oswald": "0.0.75",
@@ -32,4 +32,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-gatsby-without-graphql/package.json b/examples/using-gatsby-without-graphql/package.json
index f43276962c5fd..c33a096a10c18 100755
--- a/examples/using-gatsby-without-graphql/package.json
+++ b/examples/using-gatsby-without-graphql/package.json
@@ -11,10 +11,10 @@
   "dependencies": {
     "axios": "^0.20.0",
     "gatsby": "next",
-    "react": "^16.5.1",
-    "react-dom": "^16.5.1"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "version": "1.0.0",
   "main": "index.js",
   "author": "Jason Lengstorf <jason@gatsbyjs.com>"
-}
+}
\ No newline at end of file
diff --git a/examples/using-glamor/package.json b/examples/using-glamor/package.json
index f771fe40e7746..211d5640e05db 100644
--- a/examples/using-glamor/package.json
+++ b/examples/using-glamor/package.json
@@ -12,8 +12,8 @@
     "gatsby-plugin-typography": "next",
     "glamor": "^2.20.40",
     "lodash": "^4.17.20",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.19",
     "slash": "^1.0.0",
     "typography": "^0.16.19",
@@ -29,4 +29,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-hjson/package.json b/examples/using-hjson/package.json
index b1f00e274e005..f3d2d1b3df841 100644
--- a/examples/using-hjson/package.json
+++ b/examples/using-hjson/package.json
@@ -8,8 +8,8 @@
     "gatsby": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-hjson": "next",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "license": "MIT",
   "main": "n/a",
@@ -18,4 +18,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-jest/package.json b/examples/using-jest/package.json
index 70425add03467..78d2a21f429aa 100644
--- a/examples/using-jest/package.json
+++ b/examples/using-jest/package.json
@@ -12,8 +12,8 @@
     "gatsby-plugin-sharp": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-sharp": "next",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "keywords": [
@@ -41,4 +41,4 @@
     "type": "git",
     "url": "https://github.com/gatsbyjs/gatsby"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-js-search/package.json b/examples/using-js-search/package.json
index 408cddd370927..d32d3018faafd 100644
--- a/examples/using-js-search/package.json
+++ b/examples/using-js-search/package.json
@@ -20,7 +20,7 @@
     "axios": "^0.20.0",
     "gatsby": "next",
     "js-search": "^1.4.3",
-    "react": "^16.5.1",
-    "react-dom": "^16.5.1"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-jss/package.json b/examples/using-jss/package.json
index f051ba205e2ee..d20a72fe205d4 100644
--- a/examples/using-jss/package.json
+++ b/examples/using-jss/package.json
@@ -8,8 +8,8 @@
     "gatsby": "next",
     "gatsby-plugin-flow": "next",
     "gatsby-plugin-jss": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-jss": "^8.6.1"
   },
   "keywords": [
@@ -23,4 +23,4 @@
     "start": "npm run develop",
     "serve": "gatsby serve"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-local-plugins/package.json b/examples/using-local-plugins/package.json
index f43276962c5fd..c33a096a10c18 100755
--- a/examples/using-local-plugins/package.json
+++ b/examples/using-local-plugins/package.json
@@ -11,10 +11,10 @@
   "dependencies": {
     "axios": "^0.20.0",
     "gatsby": "next",
-    "react": "^16.5.1",
-    "react-dom": "^16.5.1"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "version": "1.0.0",
   "main": "index.js",
   "author": "Jason Lengstorf <jason@gatsbyjs.com>"
-}
+}
\ No newline at end of file
diff --git a/examples/using-markdown-pages/package.json b/examples/using-markdown-pages/package.json
index c3b40bba91817..c691d1d310fbc 100644
--- a/examples/using-markdown-pages/package.json
+++ b/examples/using-markdown-pages/package.json
@@ -15,8 +15,8 @@
     "gatsby-transformer-remark": "next",
     "gatsby-transformer-sharp": "next",
     "prop-types": "^15.7.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "devDependencies": {
@@ -34,4 +34,4 @@
     "serve": "gatsby serve",
     "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing \""
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-medium/package.json b/examples/using-medium/package.json
index d2a58d1c0948e..a384ffba568b4 100644
--- a/examples/using-medium/package.json
+++ b/examples/using-medium/package.json
@@ -9,8 +9,8 @@
   "dependencies": {
     "gatsby": "next",
     "gatsby-source-medium": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -20,4 +20,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-mongodb/package.json b/examples/using-mongodb/package.json
index 7437d440fe4ff..314e7a359af33 100644
--- a/examples/using-mongodb/package.json
+++ b/examples/using-mongodb/package.json
@@ -8,8 +8,8 @@
     "gatsby-plugin-react-helmet": "next",
     "gatsby-source-mongodb": "next",
     "gatsby-transformer-remark": "next",
-    "react": "^16.4.1",
-    "react-dom": "^16.4.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "license": "MIT",
@@ -19,4 +19,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-multiple-providers/package.json b/examples/using-multiple-providers/package.json
index d368a6630dc9b..7ebab3c4a3617 100644
--- a/examples/using-multiple-providers/package.json
+++ b/examples/using-multiple-providers/package.json
@@ -11,9 +11,9 @@
     "gatsby-plugin-jss": "next",
     "gatsby-plugin-styled-components": "next",
     "isomorphic-fetch": "^2.2.1",
-    "react": "^16.4.0",
+    "react": "^16.9.0",
     "react-apollo": "^2.5.8",
-    "react-dom": "^16.4.0",
+    "react-dom": "^16.9.0",
     "react-jss": "^8.6.1",
     "react-redux": "^5.1.2",
     "redux": "^4.0.5",
@@ -30,4 +30,4 @@
     "start": "npm run develop",
     "serve": "gatsby serve"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-page-loading-indicator/package.json b/examples/using-page-loading-indicator/package.json
index 7763ae160df90..bc338bebf270f 100644
--- a/examples/using-page-loading-indicator/package.json
+++ b/examples/using-page-loading-indicator/package.json
@@ -6,8 +6,8 @@
   "dependencies": {
     "gatsby": "next",
     "gatsby-plugin-nprogress": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "license": "MIT",
   "main": "n/a",
@@ -16,4 +16,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-page-transitions/package.json b/examples/using-page-transitions/package.json
index b08aff7c1aa7b..268c4fe7c9e86 100644
--- a/examples/using-page-transitions/package.json
+++ b/examples/using-page-transitions/package.json
@@ -7,8 +7,8 @@
     "gatsby": "next",
     "gatsby-plugin-layout": "next",
     "gatsby-plugin-react-helmet": "next",
-    "react": "^16.4.1",
-    "react-dom": "^16.4.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "react-transition-group": "^2.9.0"
   },
@@ -24,4 +24,4 @@
     "start": "npm run develop",
     "test": "echo \"Error: no test specified\" && exit 1"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-path-prefix/package.json b/examples/using-path-prefix/package.json
index c96f2c2e27a57..1127275700b9d 100644
--- a/examples/using-path-prefix/package.json
+++ b/examples/using-path-prefix/package.json
@@ -5,8 +5,8 @@
   "author": "Kyle Mathews &lt;mathews.kyle@gmail.com&gt;",
   "dependencies": {
     "gatsby": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -19,4 +19,4 @@
     "start": "npm run develop",
     "serve": "gatsby serve"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-prefetching-preloading-modules/package.json b/examples/using-prefetching-preloading-modules/package.json
index 7514a2ebed3cb..e1aad31b0c2b0 100644
--- a/examples/using-prefetching-preloading-modules/package.json
+++ b/examples/using-prefetching-preloading-modules/package.json
@@ -12,8 +12,8 @@
     "gatsby-plugin-styled-components": "next",
     "gatsby-plugin-typography": "next",
     "lodash": "^4.17.20",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "react-typography": "^0.16.19",
     "slash": "^1.0.0",
@@ -31,4 +31,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-reach-skip-nav/package.json b/examples/using-reach-skip-nav/package.json
index 07d30f676c828..6a5f68b91a7b0 100644
--- a/examples/using-reach-skip-nav/package.json
+++ b/examples/using-reach-skip-nav/package.json
@@ -11,8 +11,8 @@
     "gatsby-plugin-react-helmet": "next",
     "gatsby-source-filesystem": "next",
     "lodash": "^4.17.20",
-    "react": "^16.3.1",
-    "react-dom": "^16.3.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "keywords": [
@@ -34,4 +34,4 @@
     "cypress": "^4.12.1",
     "start-server-and-test": "^1.11.3"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-redirects/package.json b/examples/using-redirects/package.json
index d31cfe93ad31a..5607a7d1806a6 100644
--- a/examples/using-redirects/package.json
+++ b/examples/using-redirects/package.json
@@ -6,8 +6,8 @@
   "dependencies": {
     "gatsby": "next",
     "gatsby-plugin-react-helmet": "next",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "keywords": [
@@ -20,4 +20,4 @@
     "develop": "gatsby develop",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-redux/package.json b/examples/using-redux/package.json
index d16188437ae6e..82e0774eaa6c2 100644
--- a/examples/using-redux/package.json
+++ b/examples/using-redux/package.json
@@ -6,8 +6,8 @@
   "author": "Scotty Eckenthal <scott.eckenthal@gmail.com>",
   "dependencies": {
     "gatsby": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-redux": "5.1.2",
     "redux": "3.7.2"
   },
@@ -22,4 +22,4 @@
     "start": "npm run develop",
     "serve": "gatsby serve"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-remark-copy-linked-files/package.json b/examples/using-remark-copy-linked-files/package.json
index 0a99208b368f5..caef29868e038 100644
--- a/examples/using-remark-copy-linked-files/package.json
+++ b/examples/using-remark-copy-linked-files/package.json
@@ -20,8 +20,8 @@
     "gatsby-transformer-sharp": "next",
     "lodash": "^4.17.20",
     "prismjs": "^1.21.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "react-typography": "^0.16.19",
     "typeface-merriweather": "0.0.72",
@@ -47,4 +47,4 @@
     "deploy": "gatsby build --prefix-paths && gh-pages -d public",
     "fix-semi": "eslint --quiet --ignore-pattern node_modules --ignore-pattern public --parser babel-eslint --no-eslintrc --rule '{\"semi\": [2, \"never\"], \"no-extra-semi\": [2]}' --fix gatsby-node.js"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-remark/package.json b/examples/using-remark/package.json
index 52e9dcbfdb9b7..0b83caad0dc33 100644
--- a/examples/using-remark/package.json
+++ b/examples/using-remark/package.json
@@ -33,8 +33,8 @@
     "lodash-id": "^0.14.0",
     "lodash-webpack-plugin": "^0.11.5",
     "prismjs": "^1.21.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.19",
     "rehype-react": "^3.1.0",
     "slash": "^2.0.0",
@@ -50,4 +50,4 @@
     "start": "npm run develop",
     "serve": "gatsby serve"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-sass/package.json b/examples/using-sass/package.json
index d6aa9a0903636..ebf9e5630f646 100644
--- a/examples/using-sass/package.json
+++ b/examples/using-sass/package.json
@@ -16,8 +16,8 @@
     "gatsby-plugin-offline": "next",
     "gatsby-plugin-sass": "next",
     "node-sass": "^4.14.1",
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "tachyons-sass": "^4.9.5"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-shopify/package.json b/examples/using-shopify/package.json
index 127f01e17d004..4179c4dbed6e7 100644
--- a/examples/using-shopify/package.json
+++ b/examples/using-shopify/package.json
@@ -15,8 +15,8 @@
     "gatsby-source-shopify": "next",
     "gatsby-transformer-sharp": "next",
     "prop-types": "^15.7.2",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "react-icons": "^3.11.0"
   },
@@ -42,4 +42,4 @@
     "dotenv": "^6.2.0",
     "limax": "^1.7.0"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-sqip/package.json b/examples/using-sqip/package.json
index ca80a538be94d..56d7a1eaa4ca1 100644
--- a/examples/using-sqip/package.json
+++ b/examples/using-sqip/package.json
@@ -10,8 +10,8 @@
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-sharp": "next",
     "gatsby-transformer-sqip": "next",
-    "react": "^16.4.2",
-    "react-dom": "^16.4.2"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -27,4 +27,4 @@
   "devDependencies": {
     "prettier": "2.1.1"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-styled-jsx/package.json b/examples/using-styled-jsx/package.json
index 4879f02d102ca..4608dae7b245f 100644
--- a/examples/using-styled-jsx/package.json
+++ b/examples/using-styled-jsx/package.json
@@ -6,8 +6,8 @@
   "dependencies": {
     "gatsby": "next",
     "gatsby-plugin-styled-jsx": "next",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "styled-jsx": "^3.3.0"
   },
   "license": "MIT",
@@ -17,4 +17,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-styletron/package.json b/examples/using-styletron/package.json
index 0de959112c13d..dd4389620c11c 100644
--- a/examples/using-styletron/package.json
+++ b/examples/using-styletron/package.json
@@ -7,8 +7,8 @@
   "dependencies": {
     "gatsby": "next",
     "gatsby-plugin-styletron": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -20,4 +20,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-stylus/package.json b/examples/using-stylus/package.json
index d97fb53b4d3b2..b12c94b240895 100644
--- a/examples/using-stylus/package.json
+++ b/examples/using-stylus/package.json
@@ -16,9 +16,9 @@
     "gatsby-plugin-offline": "next",
     "gatsby-plugin-stylus": "next",
     "gatsby-plugin-typography": "next",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.19",
     "typography": "^0.16.19"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-type-definitions/package.json b/examples/using-type-definitions/package.json
index 922f46d3e4300..7080bf5aaf62d 100644
--- a/examples/using-type-definitions/package.json
+++ b/examples/using-type-definitions/package.json
@@ -11,8 +11,8 @@
     "gatsby-transformer-json": "next",
     "gatsby-transformer-sharp": "next",
     "prop-types": "^15.7.2",
-    "react": "^16.6.3",
-    "react-dom": "^16.6.3",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "keywords": [
@@ -36,4 +36,4 @@
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-video/package.json b/examples/using-video/package.json
index b6e45c5414a4f..fd9a5e0a8d0de 100644
--- a/examples/using-video/package.json
+++ b/examples/using-video/package.json
@@ -9,8 +9,8 @@
   "dependencies": {
     "file-loader": "^4.3.0",
     "gatsby": "next",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "keywords": [
     "gatsby"
@@ -20,4 +20,4 @@
     "build": "gatsby build",
     "start": "npm run develop"
   }
-}
+}
\ No newline at end of file
diff --git a/examples/using-wordpress-with-acf/package.json b/examples/using-wordpress-with-acf/package.json
index 610ac9371e8a6..cd238f9ed4b51 100644
--- a/examples/using-wordpress-with-acf/package.json
+++ b/examples/using-wordpress-with-acf/package.json
@@ -16,8 +16,8 @@
     "gatsby-transformer-sharp": "next",
     "glamor": "^2.20.40",
     "lodash": "^4.17.20",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1",
     "react-icons": "^3.11.0",
     "react-typography": "^0.16.19",
@@ -41,4 +41,4 @@
   "devDependencies": {
     "eslint": "^4.19.1"
   }
-}
+}
\ No newline at end of file
diff --git a/integration-tests/cache-resilience/package.json b/integration-tests/cache-resilience/package.json
index 7fa54b641c8e8..5e27ea3122f3a 100644
--- a/integration-tests/cache-resilience/package.json
+++ b/integration-tests/cache-resilience/package.json
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "gatsby": "^3.0.0-next.0",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "gatsby-core-utils": "^1.0.21",
@@ -27,4 +27,4 @@
     "slash": "^3.0.0",
     "snapshot-diff": "^0.6.1"
   }
-}
+}
\ No newline at end of file
diff --git a/integration-tests/gatsby-pipeline/package.json b/integration-tests/gatsby-pipeline/package.json
index 3d6cefacdcb88..d94482feb5dd5 100644
--- a/integration-tests/gatsby-pipeline/package.json
+++ b/integration-tests/gatsby-pipeline/package.json
@@ -11,8 +11,8 @@
     "gatsby-source-filesystem": "latest",
     "gatsby-transformer-sharp": "latest",
     "prop-types": "^15.6.2",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.0"
   },
   "keywords": [
@@ -38,4 +38,4 @@
   "engines": {
     "node": ">=12.13.0"
   }
-}
+}
\ No newline at end of file
diff --git a/integration-tests/images/package.json b/integration-tests/images/package.json
index 56e5db3f8d6e7..120c9fa69828e 100644
--- a/integration-tests/images/package.json
+++ b/integration-tests/images/package.json
@@ -15,12 +15,12 @@
     "gatsby-plugin-sharp": "next",
     "gatsby-source-filesystem": "next",
     "gatsby-transformer-sharp": "next",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "jest": "^24.0.0",
     "jest-cli": "^24.0.0",
     "pixelmatch": "^5.2.1"
   }
-}
+}
\ No newline at end of file
diff --git a/integration-tests/long-term-caching/package.json b/integration-tests/long-term-caching/package.json
index 90b025d7ba471..ac6ce781196e3 100644
--- a/integration-tests/long-term-caching/package.json
+++ b/integration-tests/long-term-caching/package.json
@@ -11,12 +11,12 @@
   "dependencies": {
     "gatsby": "^3.0.0-next.0",
     "gray-percentage": "^2.0.0",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "babel-plugin-dynamic-import-node-sync": "^2.0.1",
     "jest": "^24.0.0",
     "jest-cli": "^24.0.0"
   }
-}
+}
\ No newline at end of file
diff --git a/integration-tests/structured-logging/package.json b/integration-tests/structured-logging/package.json
index 711b27966e959..ba9d25953f7a8 100644
--- a/integration-tests/structured-logging/package.json
+++ b/integration-tests/structured-logging/package.json
@@ -12,8 +12,8 @@
   "dependencies": {
     "gatsby": "^3.0.0-next.0",
     "gray-percentage": "^2.0.0",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "babel-plugin-dynamic-import-node-sync": "^2.0.1",
@@ -24,4 +24,4 @@
     "lodash": "^4.17.20",
     "node-fetch": "^2.6.1"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/babel-plugin-remove-graphql-queries/CHANGELOG.md b/packages/babel-plugin-remove-graphql-queries/CHANGELOG.md
index fb176ab50033a..a1a31ad68f210 100644
--- a/packages/babel-plugin-remove-graphql-queries/CHANGELOG.md
+++ b/packages/babel-plugin-remove-graphql-queries/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/babel-plugin-remove-graphql-queries@3.0.0-next.3...babel-plugin-remove-graphql-queries@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package babel-plugin-remove-graphql-queries
+
 # [3.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/babel-plugin-remove-graphql-queries@3.0.0-next.2...babel-plugin-remove-graphql-queries@3.0.0-next.3) (2021-02-25)
 
 **Note:** Version bump only for package babel-plugin-remove-graphql-queries
diff --git a/packages/babel-plugin-remove-graphql-queries/package.json b/packages/babel-plugin-remove-graphql-queries/package.json
index 80d5600633b43..d64d3c639c4aa 100644
--- a/packages/babel-plugin-remove-graphql-queries/package.json
+++ b/packages/babel-plugin-remove-graphql-queries/package.json
@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-remove-graphql-queries",
-  "version": "3.0.0-next.3",
+  "version": "3.1.0-next.0",
   "author": "Jason Quense <monastic.panic@gmail.com>",
   "repository": {
     "type": "git",
@@ -11,9 +11,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-core-utils": "^2.0.0-next.2"
+    "gatsby-core-utils": "^2.1.0-next.0"
   },
   "peerDependencies": {
     "@babel/core": "^7.0.0",
diff --git a/packages/babel-preset-gatsby-package/CHANGELOG.md b/packages/babel-preset-gatsby-package/CHANGELOG.md
index e91bfe7221a12..ebbc919b57274 100644
--- a/packages/babel-preset-gatsby-package/CHANGELOG.md
+++ b/packages/babel-preset-gatsby-package/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/babel-preset-gatsby-package@1.0.0-next.0...babel-preset-gatsby-package@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package babel-preset-gatsby-package
+
 # [1.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/babel-preset-gatsby-package@0.13.0-next.0...babel-preset-gatsby-package@1.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package babel-preset-gatsby-package
diff --git a/packages/babel-preset-gatsby-package/package.json b/packages/babel-preset-gatsby-package/package.json
index ced3f0911e467..586d3d58ee369 100644
--- a/packages/babel-preset-gatsby-package/package.json
+++ b/packages/babel-preset-gatsby-package/package.json
@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-gatsby-package",
-  "version": "1.0.0-next.0",
+  "version": "1.1.0-next.0",
   "author": "Philipp Spiess <hello@philippspiess.com>",
   "repository": {
     "type": "git",
diff --git a/packages/babel-preset-gatsby/CHANGELOG.md b/packages/babel-preset-gatsby/CHANGELOG.md
index c94125b4ac7f6..c5fe53b4d0e87 100644
--- a/packages/babel-preset-gatsby/CHANGELOG.md
+++ b/packages/babel-preset-gatsby/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/babel-preset-gatsby@1.0.0-next.4...babel-preset-gatsby@1.1.0-next.0) (2021-02-26)
+
+### Features
+
+- **babel-preset-gatsby:** allow setting importSource on preset-react ([#29260](https://github.com/gatsbyjs/gatsby/issues/29260)) ([f72ff77](https://github.com/gatsbyjs/gatsby/commit/f72ff7747afb1a71d53ba9258bd9a8838c0b062f))
+
 # [1.0.0-next.4](https://github.com/gatsbyjs/gatsby/compare/babel-preset-gatsby@1.0.0-next.3...babel-preset-gatsby@1.0.0-next.4) (2021-02-25)
 
 **Note:** Version bump only for package babel-preset-gatsby
diff --git a/packages/babel-preset-gatsby/package.json b/packages/babel-preset-gatsby/package.json
index c945edcbb7bf2..0f5401b92ef81 100644
--- a/packages/babel-preset-gatsby/package.json
+++ b/packages/babel-preset-gatsby/package.json
@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-gatsby",
-  "version": "1.0.0-next.4",
+  "version": "1.1.0-next.0",
   "author": "Philipp Spiess <hello@philippspiess.com>",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-macros": "^2.8.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-legacy-polyfills": "^1.0.0-next.1"
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-legacy-polyfills": "^1.1.0-next.0"
   },
   "peerDependencies": {
     "@babel/core": "^7.11.6",
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "slash": "^3.0.0"
   },
diff --git a/packages/create-gatsby/CHANGELOG.md b/packages/create-gatsby/CHANGELOG.md
index 85cae5858c305..53daaaf150dcd 100644
--- a/packages/create-gatsby/CHANGELOG.md
+++ b/packages/create-gatsby/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/create-gatsby@1.0.0-next.2...create-gatsby@1.1.0-next.0) (2021-02-26)
+
+### Features
+
+- **create-gatsby:** Remove offline plugin ([#29771](https://github.com/gatsbyjs/gatsby/issues/29771)) ([27adffe](https://github.com/gatsbyjs/gatsby/commit/27adffe1ade6dc5c1dcf649bc204b45bf85c700f))
+
 # [1.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/create-gatsby@1.0.0-next.1...create-gatsby@1.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package create-gatsby
diff --git a/packages/create-gatsby/package.json b/packages/create-gatsby/package.json
index 14ba247037f80..ab730a4ce10e7 100644
--- a/packages/create-gatsby/package.json
+++ b/packages/create-gatsby/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-gatsby",
-  "version": "1.0.0-next.2",
+  "version": "1.1.0-next.0",
   "main": "lib/index.js",
   "bin": "cli.js",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "eslint": "^7.18.0",
     "execa": "^4.1.0",
     "fs-extra": "^9.0.1",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
     "joi": "^17.2.1",
     "microbundle": "^0.13.0",
     "node-fetch": "^2.6.1",
diff --git a/packages/gatsby-admin/CHANGELOG.md b/packages/gatsby-admin/CHANGELOG.md
index 01cc74ec65edf..db0c9ae7c8be9 100644
--- a/packages/gatsby-admin/CHANGELOG.md
+++ b/packages/gatsby-admin/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.11.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-admin@0.10.0-next.9...gatsby-admin@0.11.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-admin
+
 # [0.10.0-next.9](https://github.com/gatsbyjs/gatsby/compare/gatsby-admin@0.10.0-next.8...gatsby-admin@0.10.0-next.9) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-admin
diff --git a/packages/gatsby-admin/package.json b/packages/gatsby-admin/package.json
index 47f283795851e..c9ef02ab2e016 100644
--- a/packages/gatsby-admin/package.json
+++ b/packages/gatsby-admin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-admin",
-  "version": "0.10.0-next.9",
+  "version": "0.11.0-next.0",
   "main": "index.js",
   "author": "Max Stoiber",
   "license": "MIT",
@@ -20,11 +20,11 @@
     "@typescript-eslint/parser": "^4.14.2",
     "csstype": "^2.6.14",
     "formik": "^2.2.6",
-    "gatsby": "^3.0.0-next.9",
+    "gatsby": "^3.1.0-next.0",
     "gatsby-interface": "^0.0.244",
-    "gatsby-plugin-typescript": "^3.0.0-next.3",
+    "gatsby-plugin-typescript": "^3.1.0-next.0",
     "gatsby-plugin-webfonts": "^1.1.4",
-    "gatsby-source-graphql": "^3.0.0-next.1",
+    "gatsby-source-graphql": "^3.1.0-next.0",
     "lodash-es": "^4.17.20",
     "ncp": "^2.0.0",
     "nodemon": "^2.0.7",
diff --git a/packages/gatsby-cli/CHANGELOG.md b/packages/gatsby-cli/CHANGELOG.md
index c764677e90929..e925312814fb8 100644
--- a/packages/gatsby-cli/CHANGELOG.md
+++ b/packages/gatsby-cli/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-cli@3.0.0-next.7...gatsby-cli@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-cli
+
 # [3.0.0-next.7](https://github.com/gatsbyjs/gatsby/compare/gatsby-cli@3.0.0-next.6...gatsby-cli@3.0.0-next.7) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby-cli/package.json b/packages/gatsby-cli/package.json
index 5a9c3f8002321..10eb5424c8a04 100644
--- a/packages/gatsby-cli/package.json
+++ b/packages/gatsby-cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-cli",
   "description": "Gatsby command-line interface for creating new sites and running Gatsby commands",
-  "version": "3.0.0-next.7",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bin": {
     "gatsby": "cli.js"
@@ -19,14 +19,14 @@
     "common-tags": "^1.8.0",
     "configstore": "^5.0.1",
     "convert-hrtime": "^3.0.0",
-    "create-gatsby": "^1.0.0-next.2",
+    "create-gatsby": "^1.1.0-next.0",
     "envinfo": "^7.7.3",
     "execa": "^3.4.0",
     "fs-exists-cached": "^1.0.0",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-recipes": "^0.11.0-next.5",
-    "gatsby-telemetry": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-recipes": "^0.12.0-next.0",
+    "gatsby-telemetry": "^2.1.0-next.0",
     "hosted-git-info": "^3.0.6",
     "is-valid-path": "^0.1.1",
     "lodash": "^4.17.20",
@@ -59,12 +59,12 @@
     "@rollup/plugin-replace": "^2.3.3",
     "@types/hosted-git-info": "^3.0.1",
     "@types/yargs": "^15.0.8",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "ink": "^3.0.8",
     "ink-spinner": "^4.0.1",
     "npm-run-all": "4.1.5",
-    "react": "^16.8.0",
+    "react": "^16.9.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.34.2",
     "rollup-plugin-auto-external": "^2.0.0",
diff --git a/packages/gatsby-codemods/CHANGELOG.md b/packages/gatsby-codemods/CHANGELOG.md
index f3edc064e34f7..180a8cf0b8f1f 100644
--- a/packages/gatsby-codemods/CHANGELOG.md
+++ b/packages/gatsby-codemods/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-codemods@2.0.0-next.2...gatsby-codemods@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-codemods
+
 # [2.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-codemods@2.0.0-next.1...gatsby-codemods@2.0.0-next.2) (2021-02-22)
 
 ### Bug Fixes
diff --git a/packages/gatsby-codemods/package.json b/packages/gatsby-codemods/package.json
index 6fe27db850018..ee3474125a334 100644
--- a/packages/gatsby-codemods/package.json
+++ b/packages/gatsby-codemods/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-codemods",
-  "version": "2.0.0-next.2",
+  "version": "2.1.0-next.0",
   "description": "A collection of codemod scripts for use with JSCodeshift that help migrate to newer versions of Gatsby.",
   "main": "index.js",
   "scripts": {
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "engines": {
diff --git a/packages/gatsby-core-utils/CHANGELOG.md b/packages/gatsby-core-utils/CHANGELOG.md
index 1d8afac81cf26..2bea09eb0fe77 100644
--- a/packages/gatsby-core-utils/CHANGELOG.md
+++ b/packages/gatsby-core-utils/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-core-utils@2.0.0-next.2...gatsby-core-utils@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-core-utils
+
 # [2.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-core-utils@2.0.0-next.1...gatsby-core-utils@2.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-core-utils
diff --git a/packages/gatsby-core-utils/package.json b/packages/gatsby-core-utils/package.json
index 317e6d8681fc9..4352d46cf8b2a 100644
--- a/packages/gatsby-core-utils/package.json
+++ b/packages/gatsby-core-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-utils",
-  "version": "2.0.0-next.2",
+  "version": "2.1.0-next.0",
   "description": "A collection of gatsby utils used in different gatsby packages",
   "keywords": [
     "gatsby",
@@ -42,7 +42,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@types/ci-info": "2.0.0",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "typescript": "^4.1.5"
   },
diff --git a/packages/gatsby-cypress/CHANGELOG.md b/packages/gatsby-cypress/CHANGELOG.md
index db8403aeee178..7138c73ab4981 100644
--- a/packages/gatsby-cypress/CHANGELOG.md
+++ b/packages/gatsby-cypress/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-cypress@1.0.0-next.0...gatsby-cypress@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-cypress
+
 # [1.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-cypress@0.12.0-next.0...gatsby-cypress@1.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-cypress
diff --git a/packages/gatsby-cypress/package.json b/packages/gatsby-cypress/package.json
index 3393703ba4f41..6b5606a1321bd 100644
--- a/packages/gatsby-cypress/package.json
+++ b/packages/gatsby-cypress/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-cypress",
-  "version": "1.0.0-next.0",
+  "version": "1.1.0-next.0",
   "description": "Cypress tools for Gatsby projects",
   "main": "index.js",
   "repository": {
@@ -20,7 +20,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "keywords": [
diff --git a/packages/gatsby-design-tokens/CHANGELOG.md b/packages/gatsby-design-tokens/CHANGELOG.md
index 22315a7d76ae6..bf52192b2b769 100644
--- a/packages/gatsby-design-tokens/CHANGELOG.md
+++ b/packages/gatsby-design-tokens/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-design-tokens@3.0.0-next.1...gatsby-design-tokens@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-design-tokens
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-design-tokens@3.0.0-next.0...gatsby-design-tokens@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-design-tokens
diff --git a/packages/gatsby-design-tokens/package.json b/packages/gatsby-design-tokens/package.json
index a8c9d09a1a448..68a8165cbabb8 100644
--- a/packages/gatsby-design-tokens/package.json
+++ b/packages/gatsby-design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-design-tokens",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "description": "Gatsby Design Tokens",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
diff --git a/packages/gatsby-dev-cli/CHANGELOG.md b/packages/gatsby-dev-cli/CHANGELOG.md
index 364acabfe63a4..bd25790ca597a 100644
--- a/packages/gatsby-dev-cli/CHANGELOG.md
+++ b/packages/gatsby-dev-cli/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-dev-cli@3.0.0-next.0...gatsby-dev-cli@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-dev-cli
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-dev-cli@2.15.0-next.0...gatsby-dev-cli@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-dev-cli
diff --git a/packages/gatsby-dev-cli/package.json b/packages/gatsby-dev-cli/package.json
index 3be57237b931f..b22fd7e64b445 100644
--- a/packages/gatsby-dev-cli/package.json
+++ b/packages/gatsby-dev-cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-dev-cli",
   "description": "CLI helpers for contributors working on Gatsby",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bin": {
     "gatsby-dev": "./dist/index.js"
@@ -27,7 +27,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-dev-cli#readme",
diff --git a/packages/gatsby-graphiql-explorer/CHANGELOG.md b/packages/gatsby-graphiql-explorer/CHANGELOG.md
index fde9c97f1e0b3..a19386c6c46e4 100644
--- a/packages/gatsby-graphiql-explorer/CHANGELOG.md
+++ b/packages/gatsby-graphiql-explorer/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-graphiql-explorer@1.0.0-next.0...gatsby-graphiql-explorer@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-graphiql-explorer
+
 # [1.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-graphiql-explorer@0.12.0-next.0...gatsby-graphiql-explorer@1.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-graphiql-explorer
diff --git a/packages/gatsby-graphiql-explorer/package.json b/packages/gatsby-graphiql-explorer/package.json
index efa73b0e3b5de..8d046ea575a53 100644
--- a/packages/gatsby-graphiql-explorer/package.json
+++ b/packages/gatsby-graphiql-explorer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-graphiql-explorer",
-  "version": "1.0.0-next.0",
+  "version": "1.1.0-next.0",
   "description": "GraphiQL IDE with custom features for Gatsby users",
   "main": "index.js",
   "scripts": {
@@ -38,7 +38,7 @@
     "@babel/preset-env": "^7.12.1",
     "@babel/preset-react": "^7.12.5",
     "babel-loader": "^8.2.2",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "core-js": "^3.8.1",
     "cross-env": "^7.0.3",
     "css-loader": "^1.0.1",
diff --git a/packages/gatsby-image/CHANGELOG.md b/packages/gatsby-image/CHANGELOG.md
index 33684a3167df4..fc823f84de108 100644
--- a/packages/gatsby-image/CHANGELOG.md
+++ b/packages/gatsby-image/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-image@3.0.0-next.1...gatsby-image@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-image
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-image@3.0.0-next.0...gatsby-image@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-image
diff --git a/packages/gatsby-image/package.json b/packages/gatsby-image/package.json
index 6db05e7b0d323..cd96fec8b3ddb 100644
--- a/packages/gatsby-image/package.json
+++ b/packages/gatsby-image/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-image",
   "description": "Lazy-loading React image component with optional support for the blur-up effect.",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@testing-library/react": "^9.5.0",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "jest-matchmedia-mock": "^1.1.0"
   },
diff --git a/packages/gatsby-legacy-polyfills/CHANGELOG.md b/packages/gatsby-legacy-polyfills/CHANGELOG.md
index e60cad68bfecf..c3b6894abc2b4 100644
--- a/packages/gatsby-legacy-polyfills/CHANGELOG.md
+++ b/packages/gatsby-legacy-polyfills/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-legacy-polyfills@1.0.0-next.1...gatsby-legacy-polyfills@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-legacy-polyfills
+
 # [1.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-legacy-polyfills@1.0.0-next.0...gatsby-legacy-polyfills@1.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-legacy-polyfills
diff --git a/packages/gatsby-legacy-polyfills/package.json b/packages/gatsby-legacy-polyfills/package.json
index dadf609277299..9b7aee62ef853 100644
--- a/packages/gatsby-legacy-polyfills/package.json
+++ b/packages/gatsby-legacy-polyfills/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-legacy-polyfills",
   "description": "Polyfills for legacy browsers",
-  "version": "1.0.0-next.1",
+  "version": "1.1.0-next.0",
   "main": "dist/polyfills.js",
   "author": "Ward Peeters <ward@gatsbyjs.com>",
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-legacy-polyfills#readme",
diff --git a/packages/gatsby-link/CHANGELOG.md b/packages/gatsby-link/CHANGELOG.md
index 7fcc4daaa8fea..b947f70786efd 100644
--- a/packages/gatsby-link/CHANGELOG.md
+++ b/packages/gatsby-link/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-link@3.0.0-next.0...gatsby-link@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-link
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-link@2.12.0-next.1...gatsby-link@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-link
diff --git a/packages/gatsby-link/index.d.ts b/packages/gatsby-link/index.d.ts
index e08b07f6b857c..74526f67856b5 100644
--- a/packages/gatsby-link/index.d.ts
+++ b/packages/gatsby-link/index.d.ts
@@ -1,7 +1,7 @@
 import * as React from "react"
 import { NavigateFn, LinkProps } from "@reach/router"
 
-// eslint-disable-next-line @typescript-eslint/interface-name-prefix
+// eslint-disable-next-line @typescript-eslint/naming-convention
 export interface GatsbyLinkProps<TState> extends LinkProps<TState> {
   /** A class to apply when this Link is active */
   activeClassName?: string
diff --git a/packages/gatsby-link/package.json b/packages/gatsby-link/package.json
index 2ccc2889ed5fd..37ff94cde5636 100644
--- a/packages/gatsby-link/package.json
+++ b/packages/gatsby-link/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-link",
   "description": "An enhanced Link component for Gatsby sites with support for resource prefetching",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,13 +15,13 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@testing-library/react": "^9.5.0",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
     "@reach/router": "^1.3.3",
-    "react": "^16.4.2 || ^17.0.0",
-    "react-dom": "^16.4.2 || ^17.0.0"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-link#readme",
   "keywords": [
diff --git a/packages/gatsby-page-utils/CHANGELOG.md b/packages/gatsby-page-utils/CHANGELOG.md
index 5abd6a3f707ca..aee2b72657062 100644
--- a/packages/gatsby-page-utils/CHANGELOG.md
+++ b/packages/gatsby-page-utils/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-page-utils@1.0.0-next.2...gatsby-page-utils@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-page-utils
+
 # [1.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-page-utils@1.0.0-next.1...gatsby-page-utils@1.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-page-utils
diff --git a/packages/gatsby-page-utils/package.json b/packages/gatsby-page-utils/package.json
index dca9ea821a252..a2185f1cccd16 100644
--- a/packages/gatsby-page-utils/package.json
+++ b/packages/gatsby-page-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-page-utils",
-  "version": "1.0.0-next.2",
+  "version": "1.1.0-next.0",
   "description": "Gatsby library that helps creating pages",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
     "bluebird": "^3.7.2",
     "chokidar": "^3.5.1",
     "fs-exists-cached": "^1.0.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "glob": "^7.1.6",
     "lodash": "^4.17.20",
     "micromatch": "^4.0.2"
@@ -35,7 +35,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@types/micromatch": "^4.0.1",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "rimraf": "^3.0.2",
     "typescript": "^4.1.5"
diff --git a/packages/gatsby-plugin-benchmark-reporting/CHANGELOG.md b/packages/gatsby-plugin-benchmark-reporting/CHANGELOG.md
index fed169d98b6ba..299a36a280c85 100644
--- a/packages/gatsby-plugin-benchmark-reporting/CHANGELOG.md
+++ b/packages/gatsby-plugin-benchmark-reporting/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-benchmark-reporting@1.0.0-next.0...gatsby-plugin-benchmark-reporting@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-benchmark-reporting
+
 # [1.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-benchmark-reporting@0.10.0-next.0...gatsby-plugin-benchmark-reporting@1.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-benchmark-reporting
diff --git a/packages/gatsby-plugin-benchmark-reporting/package.json b/packages/gatsby-plugin-benchmark-reporting/package.json
index 0e2f4d69e2a82..70c3e359899f9 100644
--- a/packages/gatsby-plugin-benchmark-reporting/package.json
+++ b/packages/gatsby-plugin-benchmark-reporting/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-benchmark-reporting",
   "description": "Gatsby Benchmark Reporting",
-  "version": "1.0.0-next.0",
+  "version": "1.1.0-next.0",
   "author": "Peter van der Zee <pvdz@github>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0"
+    "babel-preset-gatsby-package": "^1.1.0-next.0"
   },
   "dependencies": {
     "fast-glob": "^3.2.5",
diff --git a/packages/gatsby-plugin-canonical-urls/CHANGELOG.md b/packages/gatsby-plugin-canonical-urls/CHANGELOG.md
index 68bb8c31ba938..de22d1ccc3223 100644
--- a/packages/gatsby-plugin-canonical-urls/CHANGELOG.md
+++ b/packages/gatsby-plugin-canonical-urls/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-canonical-urls@3.0.0-next.1...gatsby-plugin-canonical-urls@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-canonical-urls
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-canonical-urls@3.0.0-next.0...gatsby-plugin-canonical-urls@3.0.0-next.1) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-plugin-canonical-urls/package.json b/packages/gatsby-plugin-canonical-urls/package.json
index afc29e6e21fb5..c599e1ec87281 100644
--- a/packages/gatsby-plugin-canonical-urls/package.json
+++ b/packages/gatsby-plugin-canonical-urls/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-canonical-urls",
   "description": "Add canonical links to HTML pages Gatsby generates.",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-canonical-urls#readme",
diff --git a/packages/gatsby-plugin-catch-links/CHANGELOG.md b/packages/gatsby-plugin-catch-links/CHANGELOG.md
index 02b4800930f75..a9c5c52d027fe 100644
--- a/packages/gatsby-plugin-catch-links/CHANGELOG.md
+++ b/packages/gatsby-plugin-catch-links/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-catch-links@3.0.0-next.0...gatsby-plugin-catch-links@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-catch-links
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-catch-links@2.11.0-next.0...gatsby-plugin-catch-links@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-catch-links
diff --git a/packages/gatsby-plugin-catch-links/package.json b/packages/gatsby-plugin-catch-links/package.json
index 0e2fed3a8f3c7..50cc853fbe3ad 100644
--- a/packages/gatsby-plugin-catch-links/package.json
+++ b/packages/gatsby-plugin-catch-links/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-catch-links",
   "description": "Intercepts local links from markdown and other non-react pages and does a client-side pushState to avoid the browser having to refresh the page.",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-catch-links#readme",
diff --git a/packages/gatsby-plugin-coffeescript/CHANGELOG.md b/packages/gatsby-plugin-coffeescript/CHANGELOG.md
index b37246f3703eb..361223d801d73 100644
--- a/packages/gatsby-plugin-coffeescript/CHANGELOG.md
+++ b/packages/gatsby-plugin-coffeescript/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-coffeescript@3.0.0-next.0...gatsby-plugin-coffeescript@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-coffeescript
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-coffeescript@2.11.0-next.0...gatsby-plugin-coffeescript@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-coffeescript
diff --git a/packages/gatsby-plugin-coffeescript/package.json b/packages/gatsby-plugin-coffeescript/package.json
index 3043a01407560..62658ca81c681 100644
--- a/packages/gatsby-plugin-coffeescript/package.json
+++ b/packages/gatsby-plugin-coffeescript/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-coffeescript",
   "description": "Adds CoffeeScript support for Gatsby",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-coffeescript#readme",
diff --git a/packages/gatsby-plugin-create-client-paths/CHANGELOG.md b/packages/gatsby-plugin-create-client-paths/CHANGELOG.md
index d3133881abb3d..5c34723099e5b 100644
--- a/packages/gatsby-plugin-create-client-paths/CHANGELOG.md
+++ b/packages/gatsby-plugin-create-client-paths/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-create-client-paths@3.0.0-next.0...gatsby-plugin-create-client-paths@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-create-client-paths
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-create-client-paths@2.11.0-next.0...gatsby-plugin-create-client-paths@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-create-client-paths
diff --git a/packages/gatsby-plugin-create-client-paths/package.json b/packages/gatsby-plugin-create-client-paths/package.json
index 1fb46599b0983..806c208a85ff6 100644
--- a/packages/gatsby-plugin-create-client-paths/package.json
+++ b/packages/gatsby-plugin-create-client-paths/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-create-client-paths",
   "description": "Gatsby-plugin for creating paths that exist only on the client",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "scott.eckenthal@gmail.com",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-create-client-paths#readme",
diff --git a/packages/gatsby-plugin-cxs/CHANGELOG.md b/packages/gatsby-plugin-cxs/CHANGELOG.md
index 6034c4d8ea5b6..bd9de992c0619 100644
--- a/packages/gatsby-plugin-cxs/CHANGELOG.md
+++ b/packages/gatsby-plugin-cxs/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-cxs@3.0.0-next.1...gatsby-plugin-cxs@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-cxs
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-cxs@3.0.0-next.0...gatsby-plugin-cxs@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-cxs
diff --git a/packages/gatsby-plugin-cxs/package.json b/packages/gatsby-plugin-cxs/package.json
index c5e6f90b6bfa3..4d9392a92ab5a 100644
--- a/packages/gatsby-plugin-cxs/package.json
+++ b/packages/gatsby-plugin-cxs/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-cxs",
   "description": "Gatsby plugin to add SSR support for ctx",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Chen-Tai Hou <ctxhou@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,10 +12,10 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "cxs": "^6.2.0",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-cxs#readme",
   "keywords": [
@@ -27,7 +27,9 @@
   "main": "index.js",
   "peerDependencies": {
     "cxs": ">=5.0.0",
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-emotion/CHANGELOG.md b/packages/gatsby-plugin-emotion/CHANGELOG.md
index 06b7bc75e0475..c818561a8f7fe 100644
--- a/packages/gatsby-plugin-emotion/CHANGELOG.md
+++ b/packages/gatsby-plugin-emotion/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-emotion@6.0.0-next.0...gatsby-plugin-emotion@6.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-emotion
+
 # [6.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-emotion@5.5.0-next.0...gatsby-plugin-emotion@6.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-emotion
diff --git a/packages/gatsby-plugin-emotion/package.json b/packages/gatsby-plugin-emotion/package.json
index 6aa98cfb533ea..b182905181641 100644
--- a/packages/gatsby-plugin-emotion/package.json
+++ b/packages/gatsby-plugin-emotion/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-emotion",
   "description": "Gatsby plugin to add support for Emotion",
-  "version": "6.0.0-next.0",
+  "version": "6.1.0-next.0",
   "author": "Tegan Churchill <churchill.tegan@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-facebook-analytics/CHANGELOG.md b/packages/gatsby-plugin-facebook-analytics/CHANGELOG.md
index 84d693378cdc3..5a210e78b2e2a 100644
--- a/packages/gatsby-plugin-facebook-analytics/CHANGELOG.md
+++ b/packages/gatsby-plugin-facebook-analytics/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-facebook-analytics@3.0.0-next.0...gatsby-plugin-facebook-analytics@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-facebook-analytics
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-facebook-analytics@2.12.0-next.0...gatsby-plugin-facebook-analytics@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-facebook-analytics
diff --git a/packages/gatsby-plugin-facebook-analytics/package.json b/packages/gatsby-plugin-facebook-analytics/package.json
index b74d097ddd8cd..1afd4b3804263 100644
--- a/packages/gatsby-plugin-facebook-analytics/package.json
+++ b/packages/gatsby-plugin-facebook-analytics/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-facebook-analytics",
   "description": "Gatsby plugin to add facebook analytics  onto a site",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Yeison Daza <jahir045@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-facebook-analytics#readme",
diff --git a/packages/gatsby-plugin-feed/CHANGELOG.md b/packages/gatsby-plugin-feed/CHANGELOG.md
index 0c30003b24c6b..33ccabfad9893 100644
--- a/packages/gatsby-plugin-feed/CHANGELOG.md
+++ b/packages/gatsby-plugin-feed/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-feed@3.0.0-next.2...gatsby-plugin-feed@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-feed
+
 # [3.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-feed@3.0.0-next.1...gatsby-plugin-feed@3.0.0-next.2) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-feed/package.json b/packages/gatsby-plugin-feed/package.json
index 05372186e360b..a3071435dd482 100644
--- a/packages/gatsby-plugin-feed/package.json
+++ b/packages/gatsby-plugin-feed/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-feed",
   "description": "Creates an RSS feed for your Gatsby site.",
-  "version": "3.0.0-next.2",
+  "version": "3.1.0-next.0",
   "author": "Nicholas Young <nicholas@nicholaswyoung.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -11,14 +11,14 @@
     "@hapi/joi": "^15.1.1",
     "common-tags": "^1.8.0",
     "fs-extra": "^9.1.0",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
     "lodash.merge": "^4.6.2",
     "rss": "^1.2.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-feed#readme",
@@ -32,7 +32,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-flow/CHANGELOG.md b/packages/gatsby-plugin-flow/CHANGELOG.md
index c48bc51dedf76..9e4d30cf61a5d 100644
--- a/packages/gatsby-plugin-flow/CHANGELOG.md
+++ b/packages/gatsby-plugin-flow/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-flow@2.0.0-next.0...gatsby-plugin-flow@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-flow
+
 # [2.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-flow@1.11.0-next.0...gatsby-plugin-flow@2.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-flow
diff --git a/packages/gatsby-plugin-flow/package.json b/packages/gatsby-plugin-flow/package.json
index 5bc45b1f71448..65714f835d157 100644
--- a/packages/gatsby-plugin-flow/package.json
+++ b/packages/gatsby-plugin-flow/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-flow",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "description": "Provides drop-in support for Flow by adding @babel/preset-flow.",
   "main": "index.js",
   "scripts": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-fullstory/CHANGELOG.md b/packages/gatsby-plugin-fullstory/CHANGELOG.md
index 9dd20f498e413..8398d098f5efc 100644
--- a/packages/gatsby-plugin-fullstory/CHANGELOG.md
+++ b/packages/gatsby-plugin-fullstory/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-fullstory@3.0.0-next.0...gatsby-plugin-fullstory@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-fullstory
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-fullstory@2.11.0-next.0...gatsby-plugin-fullstory@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-fullstory
diff --git a/packages/gatsby-plugin-fullstory/package.json b/packages/gatsby-plugin-fullstory/package.json
index 19b4f7c377189..4c48da57fe5c3 100644
--- a/packages/gatsby-plugin-fullstory/package.json
+++ b/packages/gatsby-plugin-fullstory/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-fullstory",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "description": "Plugin to add the tracking code for Fullstory.com",
   "main": "index.js",
   "scripts": {
@@ -29,11 +29,13 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "engines": {
     "node": ">=12.13.0"
diff --git a/packages/gatsby-plugin-gatsby-cloud/CHANGELOG.md b/packages/gatsby-plugin-gatsby-cloud/CHANGELOG.md
index f35afbcc0a8ca..357da22824aad 100644
--- a/packages/gatsby-plugin-gatsby-cloud/CHANGELOG.md
+++ b/packages/gatsby-plugin-gatsby-cloud/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-gatsby-cloud@1.1.0-next.3...gatsby-plugin-gatsby-cloud@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-gatsby-cloud
+
 # [1.1.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-gatsby-cloud@1.1.0-next.2...gatsby-plugin-gatsby-cloud@1.1.0-next.3) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-gatsby-cloud/package.json b/packages/gatsby-plugin-gatsby-cloud/package.json
index 965c0704f0545..e5d8ae948f134 100644
--- a/packages/gatsby-plugin-gatsby-cloud/package.json
+++ b/packages/gatsby-plugin-gatsby-cloud/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-gatsby-cloud",
   "description": "A Gatsby plugin which optimizes working with Gatsby Cloud",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-gatsby-cloud#readme",
diff --git a/packages/gatsby-plugin-glamor/CHANGELOG.md b/packages/gatsby-plugin-glamor/CHANGELOG.md
index 15e512728ffd3..612c05145f913 100644
--- a/packages/gatsby-plugin-glamor/CHANGELOG.md
+++ b/packages/gatsby-plugin-glamor/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-glamor@3.0.0-next.1...gatsby-plugin-glamor@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-glamor
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-glamor@3.0.0-next.0...gatsby-plugin-glamor@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-glamor
diff --git a/packages/gatsby-plugin-glamor/package.json b/packages/gatsby-plugin-glamor/package.json
index a65ce5a73e141..677fd1d2f74ee 100644
--- a/packages/gatsby-plugin-glamor/package.json
+++ b/packages/gatsby-plugin-glamor/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-glamor",
   "description": "Gatsby plugin to add support for Glamor",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,9 +12,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-glamor#readme",
   "keywords": [
@@ -26,7 +26,9 @@
   "main": "index.js",
   "peerDependencies": {
     "gatsby": "^3.0.0-next.0",
-    "glamor": "^2.20.29"
+    "glamor": "^2.20.29",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-google-analytics/CHANGELOG.md b/packages/gatsby-plugin-google-analytics/CHANGELOG.md
index fcfb451d38363..ed8560431d87e 100644
--- a/packages/gatsby-plugin-google-analytics/CHANGELOG.md
+++ b/packages/gatsby-plugin-google-analytics/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-google-analytics@3.0.0-next.1...gatsby-plugin-google-analytics@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-google-analytics
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-google-analytics@3.0.0-next.0...gatsby-plugin-google-analytics@3.0.0-next.1) (2021-02-11)
 
 **Note:** Version bump only for package gatsby-plugin-google-analytics
diff --git a/packages/gatsby-plugin-google-analytics/package.json b/packages/gatsby-plugin-google-analytics/package.json
index c063cb8119965..0e814ac9c0cdd 100644
--- a/packages/gatsby-plugin-google-analytics/package.json
+++ b/packages/gatsby-plugin-google-analytics/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-google-analytics",
   "description": "Gatsby plugin to add google analytics onto a site",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@testing-library/react": "^9.5.0",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-analytics#readme",
@@ -27,8 +27,8 @@
   "main": "index.js",
   "peerDependencies": {
     "gatsby": "^3.0.0-next.0",
-    "react": "^16.4.2 || ^17.0.0",
-    "react-dom": "^16.4.2 || ^17.0.0"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-google-gtag/CHANGELOG.md b/packages/gatsby-plugin-google-gtag/CHANGELOG.md
index 0a30b859c4bc4..a070fb09a2e6c 100644
--- a/packages/gatsby-plugin-google-gtag/CHANGELOG.md
+++ b/packages/gatsby-plugin-google-gtag/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-google-gtag@3.0.0-next.1...gatsby-plugin-google-gtag@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-google-gtag
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-google-gtag@3.0.0-next.0...gatsby-plugin-google-gtag@3.0.0-next.1) (2021-02-12)
 
 **Note:** Version bump only for package gatsby-plugin-google-gtag
diff --git a/packages/gatsby-plugin-google-gtag/package.json b/packages/gatsby-plugin-google-gtag/package.json
index 0836bb26172f8..c9d95a45ac4ab 100644
--- a/packages/gatsby-plugin-google-gtag/package.json
+++ b/packages/gatsby-plugin-google-gtag/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-google-gtag",
   "description": "Gatsby plugin to add google gtag onto a site",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Tyler Buchea <tyler@buchea.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-gtag#readme",
@@ -26,7 +26,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-google-tagmanager/CHANGELOG.md b/packages/gatsby-plugin-google-tagmanager/CHANGELOG.md
index 0da9a37af51f5..c69006526eda0 100644
--- a/packages/gatsby-plugin-google-tagmanager/CHANGELOG.md
+++ b/packages/gatsby-plugin-google-tagmanager/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-google-tagmanager@3.0.0-next.1...gatsby-plugin-google-tagmanager@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-google-tagmanager
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-google-tagmanager@3.0.0-next.0...gatsby-plugin-google-tagmanager@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-google-tagmanager
diff --git a/packages/gatsby-plugin-google-tagmanager/package.json b/packages/gatsby-plugin-google-tagmanager/package.json
index bc7a3d2c8eac2..b01df4f2ac5ae 100644
--- a/packages/gatsby-plugin-google-tagmanager/package.json
+++ b/packages/gatsby-plugin-google-tagmanager/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-google-tagmanager",
   "description": "Gatsby plugin to add google tagmanager onto a site",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Thijs Koerselman <thijs@vauxlab.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,9 +12,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-tagmanager#readme",
   "keywords": [
@@ -26,7 +26,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-graphql-config/CHANGELOG.md b/packages/gatsby-plugin-graphql-config/CHANGELOG.md
index dc88a90c9bc1f..56076e905e8e4 100644
--- a/packages/gatsby-plugin-graphql-config/CHANGELOG.md
+++ b/packages/gatsby-plugin-graphql-config/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.10.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-graphql-config@0.9.0-next.0...gatsby-plugin-graphql-config@0.10.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-graphql-config
+
 # [0.9.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-graphql-config@0.8.0-next.0...gatsby-plugin-graphql-config@0.9.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-graphql-config
diff --git a/packages/gatsby-plugin-graphql-config/package.json b/packages/gatsby-plugin-graphql-config/package.json
index 54e9a6d27d2f6..a8452967bf95f 100644
--- a/packages/gatsby-plugin-graphql-config/package.json
+++ b/packages/gatsby-plugin-graphql-config/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-graphql-config",
   "description": "Gatsby plugin to write out a graphql-config with develop process endpoint configured",
-  "version": "0.9.0-next.0",
+  "version": "0.10.0-next.0",
   "author": "Rikki Schulte <rikki.schulte@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-image/CHANGELOG.md b/packages/gatsby-plugin-image/CHANGELOG.md
index ff8237266ede2..6b4c660e0eabb 100644
--- a/packages/gatsby-plugin-image/CHANGELOG.md
+++ b/packages/gatsby-plugin-image/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-image@1.0.0-next.9...gatsby-plugin-image@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-image
+
 # [1.0.0-next.9](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-image@1.0.0-next.8...gatsby-plugin-image@1.0.0-next.9) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-image/package.json b/packages/gatsby-plugin-image/package.json
index 2bb844c8ae50d..b4181a131780b 100644
--- a/packages/gatsby-plugin-image/package.json
+++ b/packages/gatsby-plugin-image/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-image",
-  "version": "1.0.0-next.9",
+  "version": "1.1.0-next.0",
   "scripts": {
     "build": "npm-run-all -s clean -p build:*",
     "build:gatsby-node": "tsc --jsx react --downlevelIteration true --skipLibCheck true --esModuleInterop true --outDir dist/ src/gatsby-node.ts src/babel-plugin-parse-static-images.ts src/resolver-utils.ts src/types.d.ts -d --declarationDir dist/src",
@@ -68,19 +68,19 @@
     "gatsby-image": "*",
     "gatsby-plugin-sharp": "*",
     "gatsby-source-filesystem": "*",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "dependencies": {
     "@babel/parser": "^7.12.5",
     "@babel/traverse": "^7.12.5",
     "babel-jsx-utils": "^1.0.1",
-    "babel-plugin-remove-graphql-queries": "^3.0.0-next.3",
+    "babel-plugin-remove-graphql-queries": "^3.1.0-next.0",
     "camelcase": "^5.3.1",
     "chokidar": "^3.5.1",
     "common-tags": "^1.8.0",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "objectFitPolyfill": "^2.3.0",
     "prop-types": "^15.7.2"
   },
diff --git a/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.browser.tsx b/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.browser.tsx
index a2da1d65313a5..71a59493858e4 100644
--- a/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.browser.tsx
+++ b/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.browser.tsx
@@ -5,6 +5,7 @@ import * as hooks from "../hooks"
 
 type GlobalOverride = NodeJS.Global &
   typeof global.globalThis & {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     GATSBY___IMAGE: boolean
     SERVER: boolean
   }
diff --git a/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.server.tsx b/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.server.tsx
index 18af1d422dd5e..ecb4db475f0e1 100644
--- a/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.server.tsx
+++ b/packages/gatsby-plugin-image/src/components/__tests__/gatsby-image.server.tsx
@@ -7,6 +7,7 @@ import { SourceProps } from "../picture"
 type GlobalOverride = NodeJS.Global &
   typeof global.globalThis & {
     SERVER: boolean | undefined
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     GATSBY___IMAGE: boolean | undefined
   }
 
diff --git a/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx b/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx
index f31269ed51c70..0814691197560 100644
--- a/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx
+++ b/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx
@@ -19,7 +19,7 @@ import { MainImageProps } from "./main-image"
 import { Layout } from "../image-utils"
 import { getSizer } from "./layout-wrapper"
 
-// eslint-disable-next-line @typescript-eslint/interface-name-prefix
+// eslint-disable-next-line @typescript-eslint/naming-convention
 export interface GatsbyImageProps
   extends Omit<
     ImgHTMLAttributes<HTMLImageElement>,
diff --git a/packages/gatsby-plugin-jss/CHANGELOG.md b/packages/gatsby-plugin-jss/CHANGELOG.md
index aa05afa5447af..e0251b7313354 100644
--- a/packages/gatsby-plugin-jss/CHANGELOG.md
+++ b/packages/gatsby-plugin-jss/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-jss@3.0.0-next.0...gatsby-plugin-jss@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-jss
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-jss@2.11.0-next.0...gatsby-plugin-jss@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-jss
diff --git a/packages/gatsby-plugin-jss/package.json b/packages/gatsby-plugin-jss/package.json
index 86dad24382b0c..58a41e8d4f5b3 100644
--- a/packages/gatsby-plugin-jss/package.json
+++ b/packages/gatsby-plugin-jss/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-jss",
   "description": "Gatsby plugin that adds SSR support for JSS",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Vladimir Guguiev <wizardzloy@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-jss#readme",
@@ -25,7 +25,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-layout/CHANGELOG.md b/packages/gatsby-plugin-layout/CHANGELOG.md
index 546bec234d046..da2e9a83a0333 100644
--- a/packages/gatsby-plugin-layout/CHANGELOG.md
+++ b/packages/gatsby-plugin-layout/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-layout@2.0.0-next.0...gatsby-plugin-layout@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-layout
+
 # [2.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-layout@1.11.0-next.0...gatsby-plugin-layout@2.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-layout
diff --git a/packages/gatsby-plugin-layout/package.json b/packages/gatsby-plugin-layout/package.json
index b0b61cb646e6e..24dcf74b41905 100644
--- a/packages/gatsby-plugin-layout/package.json
+++ b/packages/gatsby-plugin-layout/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-layout",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "description": "Reimplements the behavior of layout components in gatsby@1, which was removed in version 2.",
   "main": "index.js",
   "scripts": {
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-less/CHANGELOG.md b/packages/gatsby-plugin-less/CHANGELOG.md
index 557ec448c9ddf..7096a2e603d14 100644
--- a/packages/gatsby-plugin-less/CHANGELOG.md
+++ b/packages/gatsby-plugin-less/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-less@5.0.0-next.1...gatsby-plugin-less@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-less
+
 # [5.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-less@5.0.0-next.0...gatsby-plugin-less@5.0.0-next.1) (2021-02-19)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-less/package.json b/packages/gatsby-plugin-less/package.json
index 4fec671499517..edec9d883e389 100644
--- a/packages/gatsby-plugin-less/package.json
+++ b/packages/gatsby-plugin-less/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-less",
   "description": "Gatsby plugin to add support for using Less",
-  "version": "5.0.0-next.1",
+  "version": "5.1.0-next.0",
   "author": "monastic.panic@gmail.com",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-less#readme",
diff --git a/packages/gatsby-plugin-lodash/CHANGELOG.md b/packages/gatsby-plugin-lodash/CHANGELOG.md
index e30c5f9cc0205..d7818353f4df0 100644
--- a/packages/gatsby-plugin-lodash/CHANGELOG.md
+++ b/packages/gatsby-plugin-lodash/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-lodash@4.0.0-next.0...gatsby-plugin-lodash@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-lodash
+
 # [4.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-lodash@3.11.0-next.0...gatsby-plugin-lodash@4.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-lodash
diff --git a/packages/gatsby-plugin-lodash/package.json b/packages/gatsby-plugin-lodash/package.json
index 0dd5faeb0da58..8aaba848553d8 100644
--- a/packages/gatsby-plugin-lodash/package.json
+++ b/packages/gatsby-plugin-lodash/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-lodash",
   "description": "Easy modular Lodash builds. Adds the Lodash webpack & Babel plugins to your Gatsby build",
-  "version": "4.0.0-next.0",
+  "version": "4.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-lodash#readme",
diff --git a/packages/gatsby-plugin-manifest/CHANGELOG.md b/packages/gatsby-plugin-manifest/CHANGELOG.md
index 0ff3f0482cd7a..bdd2c213b1909 100644
--- a/packages/gatsby-plugin-manifest/CHANGELOG.md
+++ b/packages/gatsby-plugin-manifest/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-manifest@3.0.0-next.2...gatsby-plugin-manifest@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-manifest
+
 # [3.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-manifest@3.0.0-next.1...gatsby-plugin-manifest@3.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-manifest
diff --git a/packages/gatsby-plugin-manifest/package.json b/packages/gatsby-plugin-manifest/package.json
index ef44c34712a1a..6246143cf43b1 100644
--- a/packages/gatsby-plugin-manifest/package.json
+++ b/packages/gatsby-plugin-manifest/package.json
@@ -1,22 +1,22 @@
 {
   "name": "gatsby-plugin-manifest",
   "description": "Gatsby plugin which adds a manifest.webmanifest to make sites progressive web apps",
-  "version": "3.0.0-next.2",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   },
   "dependencies": {
     "@babel/runtime": "^7.12.5",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
     "semver": "^7.3.2",
     "sharp": "^0.27.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-manifest#readme",
diff --git a/packages/gatsby-plugin-mdx/CHANGELOG.md b/packages/gatsby-plugin-mdx/CHANGELOG.md
index d9de03d78d2d2..4640b4912583a 100644
--- a/packages/gatsby-plugin-mdx/CHANGELOG.md
+++ b/packages/gatsby-plugin-mdx/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-mdx@2.0.0-next.3...gatsby-plugin-mdx@2.1.0-next.0) (2021-02-26)
+
+### Bug Fixes
+
+- **gatsby-plugin-mdx:** fix relative imports ([#29775](https://github.com/gatsbyjs/gatsby/issues/29775)) ([e79fc6b](https://github.com/gatsbyjs/gatsby/commit/e79fc6b8b0da2bb5aaec8e0ff06073af9c466401))
+
 # [2.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-mdx@2.0.0-next.2...gatsby-plugin-mdx@2.0.0-next.3) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-mdx
diff --git a/packages/gatsby-plugin-mdx/package.json b/packages/gatsby-plugin-mdx/package.json
index dfffe8d02f452..894ef2d61a92a 100644
--- a/packages/gatsby-plugin-mdx/package.json
+++ b/packages/gatsby-plugin-mdx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-mdx",
-  "version": "2.0.0-next.3",
+  "version": "2.1.0-next.0",
   "description": "MDX integration for Gatsby",
   "main": "index.js",
   "license": "MIT",
@@ -15,7 +15,9 @@
   },
   "peerDependencies": {
     "@mdx-js/mdx": "^1.0.0",
-    "@mdx-js/react": "^1.0.0"
+    "@mdx-js/react": "^1.0.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "dependencies": {
     "@babel/core": "^7.12.3",
@@ -33,7 +35,7 @@
     "escape-string-regexp": "^1.0.5",
     "eval": "^0.1.4",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "gray-matter": "^4.0.2",
     "json5": "^2.1.3",
     "loader-utils": "^1.4.0",
@@ -58,7 +60,7 @@
   "devDependencies": {
     "@mdx-js/mdx": "^1.6.16",
     "@mdx-js/react": "^1.6.16",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
     "jest": "^24.9.0",
     "js-combinatorics": "^1.4.5",
     "react-test-renderer": "^16.13.1"
diff --git a/packages/gatsby-plugin-netlify-cms/CHANGELOG.md b/packages/gatsby-plugin-netlify-cms/CHANGELOG.md
index 8b55df7cabbcb..41e74b3de180a 100644
--- a/packages/gatsby-plugin-netlify-cms/CHANGELOG.md
+++ b/packages/gatsby-plugin-netlify-cms/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-netlify-cms@5.0.0-next.2...gatsby-plugin-netlify-cms@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-netlify-cms
+
 # [5.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-netlify-cms@5.0.0-next.1...gatsby-plugin-netlify-cms@5.0.0-next.2) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-plugin-netlify-cms/package.json b/packages/gatsby-plugin-netlify-cms/package.json
index d9e633265d7c2..8cba8f3a90282 100644
--- a/packages/gatsby-plugin-netlify-cms/package.json
+++ b/packages/gatsby-plugin-netlify-cms/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-netlify-cms",
   "description": "A Gatsby plugin which generates the Netlify CMS single page app",
-  "version": "5.0.0-next.2",
+  "version": "5.1.0-next.0",
   "author": "Shawn Erquhart <shawn@erquh.art>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.17",
     "@babel/core": "^7.12.17",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
@@ -37,8 +37,8 @@
   "peerDependencies": {
     "gatsby": "^3.0.0-next.0",
     "netlify-cms-app": "^2.9.0",
-    "react": "^16.8.4 || ^17.0.0",
-    "react-dom": "^16.8.4 || ^17.0.0"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-netlify/CHANGELOG.md b/packages/gatsby-plugin-netlify/CHANGELOG.md
index 9ee4813c7ecf2..159883d055bc4 100644
--- a/packages/gatsby-plugin-netlify/CHANGELOG.md
+++ b/packages/gatsby-plugin-netlify/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-netlify@3.0.0-next.3...gatsby-plugin-netlify@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-netlify
+
 # [3.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-netlify@3.0.0-next.2...gatsby-plugin-netlify@3.0.0-next.3) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-netlify
diff --git a/packages/gatsby-plugin-netlify/package.json b/packages/gatsby-plugin-netlify/package.json
index f9e69428dcee1..c8069256298ef 100644
--- a/packages/gatsby-plugin-netlify/package.json
+++ b/packages/gatsby-plugin-netlify/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-netlify",
   "description": "A Gatsby plugin which generates a _headers file for netlify",
-  "version": "3.0.0-next.3",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -22,9 +22,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-netlify#readme",
   "keywords": [
diff --git a/packages/gatsby-plugin-no-sourcemaps/CHANGELOG.md b/packages/gatsby-plugin-no-sourcemaps/CHANGELOG.md
index f957345b01f6f..09a5f748d4fd3 100644
--- a/packages/gatsby-plugin-no-sourcemaps/CHANGELOG.md
+++ b/packages/gatsby-plugin-no-sourcemaps/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-no-sourcemaps@3.0.0-next.0...gatsby-plugin-no-sourcemaps@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-no-sourcemaps
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-no-sourcemaps@2.10.0-next.0...gatsby-plugin-no-sourcemaps@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-no-sourcemaps
diff --git a/packages/gatsby-plugin-no-sourcemaps/package.json b/packages/gatsby-plugin-no-sourcemaps/package.json
index ea679bbbe2b88..7c2195a29c307 100644
--- a/packages/gatsby-plugin-no-sourcemaps/package.json
+++ b/packages/gatsby-plugin-no-sourcemaps/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-no-sourcemaps",
   "description": "Disable sourcemaps when building JavaScript",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Stuart Taylor <stuart@freecodecamp.org>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
diff --git a/packages/gatsby-plugin-nprogress/CHANGELOG.md b/packages/gatsby-plugin-nprogress/CHANGELOG.md
index 5176e291a15fd..7de29d5ef2757 100644
--- a/packages/gatsby-plugin-nprogress/CHANGELOG.md
+++ b/packages/gatsby-plugin-nprogress/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-nprogress@3.0.0-next.0...gatsby-plugin-nprogress@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-nprogress
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-nprogress@2.11.0-next.0...gatsby-plugin-nprogress@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-nprogress
diff --git a/packages/gatsby-plugin-nprogress/package.json b/packages/gatsby-plugin-nprogress/package.json
index 83ce444236544..2a48512b9d759 100644
--- a/packages/gatsby-plugin-nprogress/package.json
+++ b/packages/gatsby-plugin-nprogress/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-nprogress",
   "description": "Shows page loading indicator when loading page resources is delayed",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews<mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-nprogress#readme",
diff --git a/packages/gatsby-plugin-offline/CHANGELOG.md b/packages/gatsby-plugin-offline/CHANGELOG.md
index 87c57f20a71f0..bd6d37c96248d 100644
--- a/packages/gatsby-plugin-offline/CHANGELOG.md
+++ b/packages/gatsby-plugin-offline/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-offline@4.0.0-next.3...gatsby-plugin-offline@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-offline
+
 # [4.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-offline@4.0.0-next.2...gatsby-plugin-offline@4.0.0-next.3) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-offline
diff --git a/packages/gatsby-plugin-offline/package.json b/packages/gatsby-plugin-offline/package.json
index 137ee516993fd..eb347c0c184f3 100644
--- a/packages/gatsby-plugin-offline/package.json
+++ b/packages/gatsby-plugin-offline/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-offline",
   "description": "Gatsby plugin which sets up a site to be able to run offline",
-  "version": "4.0.0-next.3",
+  "version": "4.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -9,7 +9,7 @@
   "dependencies": {
     "@babel/runtime": "^7.12.5",
     "cheerio": "^1.0.0-rc.3",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "glob": "^7.1.6",
     "idb-keyval": "^3.2.0",
     "lodash": "^4.17.20",
@@ -18,10 +18,10 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cpx": "^1.5.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
     "rewire": "^5.0.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-offline#readme",
@@ -35,7 +35,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-page-creator/CHANGELOG.md b/packages/gatsby-plugin-page-creator/CHANGELOG.md
index 09b0fa97da6cb..f0d1b808bdb21 100644
--- a/packages/gatsby-plugin-page-creator/CHANGELOG.md
+++ b/packages/gatsby-plugin-page-creator/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-page-creator@3.0.0-next.2...gatsby-plugin-page-creator@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-page-creator
+
 # [3.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-page-creator@3.0.0-next.1...gatsby-plugin-page-creator@3.0.0-next.2) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-plugin-page-creator/package.json b/packages/gatsby-plugin-page-creator/package.json
index 2e4fbb5c1eaca..69466d805284f 100644
--- a/packages/gatsby-plugin-page-creator/package.json
+++ b/packages/gatsby-plugin-page-creator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-page-creator",
-  "version": "3.0.0-next.2",
+  "version": "3.1.0-next.0",
   "description": "Gatsby plugin that automatically creates pages from React components in specified directories",
   "main": "index.js",
   "scripts": {
@@ -28,15 +28,15 @@
     "@sindresorhus/slugify": "^1.1.0",
     "chokidar": "^3.5.1",
     "fs-exists-cached": "^1.0.0",
-    "gatsby-page-utils": "^1.0.0-next.2",
-    "gatsby-telemetry": "^2.0.0-next.2",
+    "gatsby-page-utils": "^1.1.0-next.0",
+    "gatsby-telemetry": "^2.1.0-next.0",
     "globby": "^11.0.2",
     "lodash": "^4.17.20"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-page-creator/src/__tests__/extract-query.ts b/packages/gatsby-plugin-page-creator/src/__tests__/extract-query.ts
index f0b823fcdf0b2..52f2782e07051 100644
--- a/packages/gatsby-plugin-page-creator/src/__tests__/extract-query.ts
+++ b/packages/gatsby-plugin-page-creator/src/__tests__/extract-query.ts
@@ -216,6 +216,7 @@ describe(`reverseLookupParams`, () => {
         compatiblePath(`/{Model.fields__name}.js`)
       )
     ).toEqual({
+      // eslint-disable-next-line @typescript-eslint/naming-convention
       fields__name: `foo`,
     })
     expect(
@@ -224,6 +225,7 @@ describe(`reverseLookupParams`, () => {
         compatiblePath(`/{_model.fields__name}.js`)
       )
     ).toEqual({
+      // eslint-disable-next-line @typescript-eslint/naming-convention
       fields__name: `foo`,
     })
   })
@@ -236,6 +238,7 @@ describe(`reverseLookupParams`, () => {
         compatiblePath(`/{Model.parent__(File)__relativePath}.js`)
       )
     ).toEqual({
+      // eslint-disable-next-line @typescript-eslint/naming-convention
       parent__relativePath: `foo`,
     })
     expect(
@@ -245,6 +248,7 @@ describe(`reverseLookupParams`, () => {
         compatiblePath(`/{model123.parent__(File)__relativePath}.js`)
       )
     ).toEqual({
+      // eslint-disable-next-line @typescript-eslint/naming-convention
       parent__relativePath: `foo`,
     })
   })
diff --git a/packages/gatsby-plugin-postcss/CHANGELOG.md b/packages/gatsby-plugin-postcss/CHANGELOG.md
index e9652bd26f2ca..1e7c518d6a00b 100644
--- a/packages/gatsby-plugin-postcss/CHANGELOG.md
+++ b/packages/gatsby-plugin-postcss/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-postcss@4.0.0-next.1...gatsby-plugin-postcss@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-postcss
+
 # [4.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-postcss@4.0.0-next.0...gatsby-plugin-postcss@4.0.0-next.1) (2021-02-19)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-postcss/package.json b/packages/gatsby-plugin-postcss/package.json
index aeee116c35435..3a2b07e2c82a2 100644
--- a/packages/gatsby-plugin-postcss/package.json
+++ b/packages/gatsby-plugin-postcss/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-postcss",
   "description": "Gatsby plugin to handle PostCSS",
-  "version": "4.0.0-next.1",
+  "version": "4.1.0-next.0",
   "author": "Marat Dreizin <marat.dreizin@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-postcss#readme",
diff --git a/packages/gatsby-plugin-preact/CHANGELOG.md b/packages/gatsby-plugin-preact/CHANGELOG.md
index cd5313164287c..8eb6ba007e05d 100644
--- a/packages/gatsby-plugin-preact/CHANGELOG.md
+++ b/packages/gatsby-plugin-preact/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-preact@5.0.0-next.2...gatsby-plugin-preact@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-preact
+
 # [5.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-preact@5.0.0-next.1...gatsby-plugin-preact@5.0.0-next.2) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-plugin-preact/package.json b/packages/gatsby-plugin-preact/package.json
index ab5ff75b2b399..4c78c7fa41f5d 100644
--- a/packages/gatsby-plugin-preact/package.json
+++ b/packages/gatsby-plugin-preact/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-preact",
   "description": "A Gatsby plugin which replaces React with Preact",
-  "version": "5.0.0-next.2",
+  "version": "5.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-preact#readme",
diff --git a/packages/gatsby-plugin-preload-fonts/CHANGELOG.md b/packages/gatsby-plugin-preload-fonts/CHANGELOG.md
index 9aabea5ae6759..9bd30b8b590e4 100644
--- a/packages/gatsby-plugin-preload-fonts/CHANGELOG.md
+++ b/packages/gatsby-plugin-preload-fonts/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-preload-fonts@2.0.0-next.2...gatsby-plugin-preload-fonts@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-preload-fonts
+
 # [2.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-preload-fonts@2.0.0-next.1...gatsby-plugin-preload-fonts@2.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-preload-fonts
diff --git a/packages/gatsby-plugin-preload-fonts/package.json b/packages/gatsby-plugin-preload-fonts/package.json
index 1392035e460f0..54b995c53e3f5 100644
--- a/packages/gatsby-plugin-preload-fonts/package.json
+++ b/packages/gatsby-plugin-preload-fonts/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-preload-fonts",
   "description": "Gatsby plugin for preloading fonts per page",
-  "version": "2.0.0-next.2",
+  "version": "2.1.0-next.0",
   "author": "Aaron Ross <superhawk610@gmail.com>",
   "main": "index.js",
   "bin": {
@@ -14,7 +14,7 @@
     "chalk": "^4.1.0",
     "date-fns": "^2.16.1",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "graphql-request": "^1.8.2",
     "progress": "^2.0.3",
     "puppeteer": "^3.3.0"
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "del-cli": "^3.0.1"
   },
diff --git a/packages/gatsby-plugin-react-css-modules/CHANGELOG.md b/packages/gatsby-plugin-react-css-modules/CHANGELOG.md
index 2ee22cd990a20..ff52864e8dafb 100644
--- a/packages/gatsby-plugin-react-css-modules/CHANGELOG.md
+++ b/packages/gatsby-plugin-react-css-modules/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-react-css-modules@3.0.0-next.0...gatsby-plugin-react-css-modules@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-react-css-modules
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-react-css-modules@2.11.0-next.0...gatsby-plugin-react-css-modules@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-react-css-modules
diff --git a/packages/gatsby-plugin-react-css-modules/package.json b/packages/gatsby-plugin-react-css-modules/package.json
index 98d14ae715087..6bf2dc62845dd 100644
--- a/packages/gatsby-plugin-react-css-modules/package.json
+++ b/packages/gatsby-plugin-react-css-modules/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-react-css-modules",
   "description": "Gatsby plugin that transforms styleName to className using compile time CSS module resolution",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Ming Aldrich-Gan <mingaldrichgan@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-react-css-modules#readme",
diff --git a/packages/gatsby-plugin-react-helmet/CHANGELOG.md b/packages/gatsby-plugin-react-helmet/CHANGELOG.md
index 4bd9ec9641e72..b03b0e38d13d3 100644
--- a/packages/gatsby-plugin-react-helmet/CHANGELOG.md
+++ b/packages/gatsby-plugin-react-helmet/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-react-helmet@4.0.0-next.0...gatsby-plugin-react-helmet@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-react-helmet
+
 # [4.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-react-helmet@3.11.0-next.0...gatsby-plugin-react-helmet@4.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-react-helmet
diff --git a/packages/gatsby-plugin-react-helmet/package.json b/packages/gatsby-plugin-react-helmet/package.json
index a75cb5f3cbb90..017f7f1eed1b1 100644
--- a/packages/gatsby-plugin-react-helmet/package.json
+++ b/packages/gatsby-plugin-react-helmet/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-react-helmet",
   "description": "Manage document head data with react-helmet. Provides drop-in server rendering support for Gatsby.",
-  "version": "4.0.0-next.0",
+  "version": "4.1.0-next.0",
   "author": "Kyle Mathews <matthews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-react-helmet#readme",
diff --git a/packages/gatsby-plugin-remove-trailing-slashes/CHANGELOG.md b/packages/gatsby-plugin-remove-trailing-slashes/CHANGELOG.md
index cb856d0be907d..6ca27a0068f10 100644
--- a/packages/gatsby-plugin-remove-trailing-slashes/CHANGELOG.md
+++ b/packages/gatsby-plugin-remove-trailing-slashes/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-remove-trailing-slashes@3.0.0-next.0...gatsby-plugin-remove-trailing-slashes@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-remove-trailing-slashes
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-remove-trailing-slashes@2.11.0-next.0...gatsby-plugin-remove-trailing-slashes@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-remove-trailing-slashes
diff --git a/packages/gatsby-plugin-remove-trailing-slashes/package.json b/packages/gatsby-plugin-remove-trailing-slashes/package.json
index 44949701474b8..415452b1d271e 100644
--- a/packages/gatsby-plugin-remove-trailing-slashes/package.json
+++ b/packages/gatsby-plugin-remove-trailing-slashes/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-remove-trailing-slashes",
   "description": "Removes trailing slashes from your project's paths. For example, yoursite.com/about/ becomes yoursite.com/about",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "scott.eckenthal@gmail.com",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-remove-trailing-slashes#readme",
diff --git a/packages/gatsby-plugin-sass/CHANGELOG.md b/packages/gatsby-plugin-sass/CHANGELOG.md
index f1b0cf2324064..37cb27e8518e0 100644
--- a/packages/gatsby-plugin-sass/CHANGELOG.md
+++ b/packages/gatsby-plugin-sass/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-sass@4.0.0-next.3...gatsby-plugin-sass@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-sass
+
 # [4.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-sass@4.0.0-next.2...gatsby-plugin-sass@4.0.0-next.3) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-sass
diff --git a/packages/gatsby-plugin-sass/package.json b/packages/gatsby-plugin-sass/package.json
index bc0990faa0c1f..4c3200b3ad51d 100644
--- a/packages/gatsby-plugin-sass/package.json
+++ b/packages/gatsby-plugin-sass/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-sass",
   "description": "Gatsby plugin to handle SCSS/Sass files",
-  "version": "4.0.0-next.3",
+  "version": "4.1.0-next.0",
   "author": "Daniel Farrell <daniel@mobelux.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,9 +14,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-sass#readme",
   "keywords": [
diff --git a/packages/gatsby-plugin-schema-snapshot/CHANGELOG.md b/packages/gatsby-plugin-schema-snapshot/CHANGELOG.md
index fa7f50058737b..e658e5a11fba8 100644
--- a/packages/gatsby-plugin-schema-snapshot/CHANGELOG.md
+++ b/packages/gatsby-plugin-schema-snapshot/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-schema-snapshot@2.0.0-next.0...gatsby-plugin-schema-snapshot@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-schema-snapshot
+
 # [2.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-schema-snapshot@1.8.0-next.0...gatsby-plugin-schema-snapshot@2.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-schema-snapshot
diff --git a/packages/gatsby-plugin-schema-snapshot/package.json b/packages/gatsby-plugin-schema-snapshot/package.json
index ea30af5e17fcd..6b9b74707c003 100644
--- a/packages/gatsby-plugin-schema-snapshot/package.json
+++ b/packages/gatsby-plugin-schema-snapshot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-schema-snapshot",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "main": "index.js",
   "license": "MIT",
   "keywords": [
diff --git a/packages/gatsby-plugin-sharp/CHANGELOG.md b/packages/gatsby-plugin-sharp/CHANGELOG.md
index 614319dbd1c71..f57faf157cb4e 100644
--- a/packages/gatsby-plugin-sharp/CHANGELOG.md
+++ b/packages/gatsby-plugin-sharp/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-sharp@3.0.0-next.9...gatsby-plugin-sharp@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-sharp
+
 # [3.0.0-next.9](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-sharp@3.0.0-next.8...gatsby-plugin-sharp@3.0.0-next.9) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-plugin-sharp/package.json b/packages/gatsby-plugin-sharp/package.json
index e93179814db73..3a386073805ef 100644
--- a/packages/gatsby-plugin-sharp/package.json
+++ b/packages/gatsby-plugin-sharp/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-sharp",
   "description": "Wrapper of the Sharp image manipulation library for Gatsby plugins",
-  "version": "3.0.0-next.9",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,8 +12,8 @@
     "bluebird": "^3.7.2",
     "filenamify": "^4.2.0",
     "fs-extra": "^9.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-telemetry": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-telemetry": "^2.1.0-next.0",
     "got": "^10.7.0",
     "imagemin": "^7.0.1",
     "imagemin-mozjpeg": "^9.0.0",
@@ -32,10 +32,10 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@types/sharp": "^0.27.1",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-image": "^1.0.0-next.9",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-image": "^1.1.0-next.0",
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-sharp#readme",
   "keywords": [
diff --git a/packages/gatsby-plugin-sitemap/CHANGELOG.md b/packages/gatsby-plugin-sitemap/CHANGELOG.md
index c69a5128771e7..00f53c48798de 100644
--- a/packages/gatsby-plugin-sitemap/CHANGELOG.md
+++ b/packages/gatsby-plugin-sitemap/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-sitemap@3.0.0-next.0...gatsby-plugin-sitemap@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-sitemap
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-sitemap@2.13.0-next.0...gatsby-plugin-sitemap@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-sitemap
diff --git a/packages/gatsby-plugin-sitemap/package.json b/packages/gatsby-plugin-sitemap/package.json
index 69d612aae6bf5..ffecebbbfb50b 100644
--- a/packages/gatsby-plugin-sitemap/package.json
+++ b/packages/gatsby-plugin-sitemap/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-sitemap",
   "description": "Gatsby plugin that automatically creates a sitemap for your site",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Nicholas Young &lt;nicholas@nicholaswyoung.com&gt;",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-sitemap#readme",
@@ -27,7 +27,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-plugin-styled-components/CHANGELOG.md b/packages/gatsby-plugin-styled-components/CHANGELOG.md
index e4cd0743a773e..4a0b8c705d87d 100644
--- a/packages/gatsby-plugin-styled-components/CHANGELOG.md
+++ b/packages/gatsby-plugin-styled-components/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-styled-components@4.0.0-next.2...gatsby-plugin-styled-components@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-styled-components
+
 # [4.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-styled-components@4.0.0-next.1...gatsby-plugin-styled-components@4.0.0-next.2) (2021-02-17)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-styled-components/package.json b/packages/gatsby-plugin-styled-components/package.json
index b3d423391c2a2..2c60692168082 100644
--- a/packages/gatsby-plugin-styled-components/package.json
+++ b/packages/gatsby-plugin-styled-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-styled-components",
   "description": "Gatsby plugin to add support for styled components",
-  "version": "4.0.0-next.2",
+  "version": "4.1.0-next.0",
   "author": "Guten Ye <ywzhaifei@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-styled-components#readme",
@@ -26,6 +26,8 @@
   "peerDependencies": {
     "babel-plugin-styled-components": ">1.5.0",
     "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0",
     "styled-components": ">=2.0.0"
   },
   "repository": {
diff --git a/packages/gatsby-plugin-styled-jsx/CHANGELOG.md b/packages/gatsby-plugin-styled-jsx/CHANGELOG.md
index 9dba1439063e0..143bbe38711de 100644
--- a/packages/gatsby-plugin-styled-jsx/CHANGELOG.md
+++ b/packages/gatsby-plugin-styled-jsx/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-styled-jsx@4.0.0-next.0...gatsby-plugin-styled-jsx@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-styled-jsx
+
 # [4.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-styled-jsx@3.11.0-next.0...gatsby-plugin-styled-jsx@4.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-styled-jsx
diff --git a/packages/gatsby-plugin-styled-jsx/package.json b/packages/gatsby-plugin-styled-jsx/package.json
index 172974a761ba5..138d7ec4ae5cc 100644
--- a/packages/gatsby-plugin-styled-jsx/package.json
+++ b/packages/gatsby-plugin-styled-jsx/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-styled-jsx",
   "description": "Adds SSR support for styled-jsx",
-  "version": "4.0.0-next.0",
+  "version": "4.1.0-next.0",
   "author": "Tim Suchanek <tim.suchanek@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-styled-jsx#readme",
diff --git a/packages/gatsby-plugin-styletron/CHANGELOG.md b/packages/gatsby-plugin-styletron/CHANGELOG.md
index fa6dcb2a07397..f7ba434ecf4c0 100644
--- a/packages/gatsby-plugin-styletron/CHANGELOG.md
+++ b/packages/gatsby-plugin-styletron/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-styletron@6.0.0-next.0...gatsby-plugin-styletron@6.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-styletron
+
 # [6.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-styletron@5.8.0-next.0...gatsby-plugin-styletron@6.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-styletron
diff --git a/packages/gatsby-plugin-styletron/package.json b/packages/gatsby-plugin-styletron/package.json
index bdaba6d0e7ebf..577df67011135 100644
--- a/packages/gatsby-plugin-styletron/package.json
+++ b/packages/gatsby-plugin-styletron/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-styletron",
   "description": "A Gatsby plugin for styletron with built-in server-side rendering support",
-  "version": "6.0.0-next.0",
+  "version": "6.1.0-next.0",
   "author": "Nadiia Dmytrenko <nadiia.dmytrenko@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -9,7 +9,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "styletron-engine-atomic": "^1.4.6",
     "styletron-react": "^5.2.7"
@@ -23,7 +23,7 @@
   "main": "index.js",
   "peerDependencies": {
     "gatsby": "^3.0.0-next.0",
-    "react": "^16.4.2 || ^17.0.0",
+    "react": "^16.9.0 || ^17.0.0",
     "styletron-engine-atomic": "^1.4.6",
     "styletron-react": "^5.2.7"
   },
diff --git a/packages/gatsby-plugin-stylus/CHANGELOG.md b/packages/gatsby-plugin-stylus/CHANGELOG.md
index 8f5c03df5241c..498d0853ff469 100644
--- a/packages/gatsby-plugin-stylus/CHANGELOG.md
+++ b/packages/gatsby-plugin-stylus/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-stylus@3.0.0-next.1...gatsby-plugin-stylus@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-stylus
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-stylus@3.0.0-next.0...gatsby-plugin-stylus@3.0.0-next.1) (2021-02-19)
 
 ### Bug Fixes
diff --git a/packages/gatsby-plugin-stylus/package.json b/packages/gatsby-plugin-stylus/package.json
index d6dd898e5a3d2..82799b8ce6dfd 100644
--- a/packages/gatsby-plugin-stylus/package.json
+++ b/packages/gatsby-plugin-stylus/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-stylus",
   "description": "Gatsby support for Stylus",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Ian Sinnott <ian@iansinnott.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-stylus#readme",
diff --git a/packages/gatsby-plugin-subfont/CHANGELOG.md b/packages/gatsby-plugin-subfont/CHANGELOG.md
index a2b4170ac73b9..04f8893295dda 100644
--- a/packages/gatsby-plugin-subfont/CHANGELOG.md
+++ b/packages/gatsby-plugin-subfont/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-subfont@3.0.0-next.0...gatsby-plugin-subfont@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-subfont
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-subfont@2.10.0-next.1...gatsby-plugin-subfont@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-subfont
diff --git a/packages/gatsby-plugin-subfont/package.json b/packages/gatsby-plugin-subfont/package.json
index 856e7efd847f4..7b8501dc8a7df 100644
--- a/packages/gatsby-plugin-subfont/package.json
+++ b/packages/gatsby-plugin-subfont/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-subfont",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "description": "Runs the font delivery optimizing CLI tool subfont on the homepage of your site during the Gatsby build",
   "main": "index.js",
   "scripts": {
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-twitter/CHANGELOG.md b/packages/gatsby-plugin-twitter/CHANGELOG.md
index 2ea61db9663f0..c7a5883662bce 100644
--- a/packages/gatsby-plugin-twitter/CHANGELOG.md
+++ b/packages/gatsby-plugin-twitter/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-twitter@3.0.0-next.1...gatsby-plugin-twitter@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-twitter
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-twitter@3.0.0-next.0...gatsby-plugin-twitter@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-twitter
diff --git a/packages/gatsby-plugin-twitter/package.json b/packages/gatsby-plugin-twitter/package.json
index 34c34b141fa12..acffa2e2b307a 100644
--- a/packages/gatsby-plugin-twitter/package.json
+++ b/packages/gatsby-plugin-twitter/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-twitter",
   "description": "Loads the Twitter JavaScript for embedding tweets.",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,9 +12,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-twitter#readme",
   "keywords": [
diff --git a/packages/gatsby-plugin-typescript/CHANGELOG.md b/packages/gatsby-plugin-typescript/CHANGELOG.md
index c966694d07935..2cf547f3645ea 100644
--- a/packages/gatsby-plugin-typescript/CHANGELOG.md
+++ b/packages/gatsby-plugin-typescript/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-typescript@3.0.0-next.3...gatsby-plugin-typescript@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-typescript
+
 # [3.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-typescript@3.0.0-next.2...gatsby-plugin-typescript@3.0.0-next.3) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-typescript
diff --git a/packages/gatsby-plugin-typescript/package.json b/packages/gatsby-plugin-typescript/package.json
index 28ad0fc71d745..220cc5d150eef 100644
--- a/packages/gatsby-plugin-typescript/package.json
+++ b/packages/gatsby-plugin-typescript/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-typescript",
   "description": "Adds TypeScript support to Gatsby",
-  "version": "3.0.0-next.3",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -16,12 +16,12 @@
     "@babel/plugin-proposal-optional-chaining": "^7.12.1",
     "@babel/preset-typescript": "^7.12.1",
     "@babel/runtime": "^7.12.5",
-    "babel-plugin-remove-graphql-queries": "^3.0.0-next.3"
+    "babel-plugin-remove-graphql-queries": "^3.1.0-next.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "peerDependencies": {
diff --git a/packages/gatsby-plugin-typography/CHANGELOG.md b/packages/gatsby-plugin-typography/CHANGELOG.md
index 7858d66bfc204..fe5f24968c709 100644
--- a/packages/gatsby-plugin-typography/CHANGELOG.md
+++ b/packages/gatsby-plugin-typography/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-typography@3.0.0-next.0...gatsby-plugin-typography@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-typography
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-typography@2.13.0-next.0...gatsby-plugin-typography@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-plugin-typography
diff --git a/packages/gatsby-plugin-typography/package.json b/packages/gatsby-plugin-typography/package.json
index 63a8758165c9b..59f0a90442c44 100644
--- a/packages/gatsby-plugin-typography/package.json
+++ b/packages/gatsby-plugin-typography/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-typography",
   "description": "Gatsby plugin to setup server rendering of Typography.js' CSS",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
@@ -30,8 +30,8 @@
   "main": "index.js",
   "peerDependencies": {
     "gatsby": "^3.0.0-next.0",
-    "react": "^16.4.2 || ^17.0.0",
-    "react-dom": "^16.4.2 || ^17.0.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0",
     "react-typography": "^0.16.1 || ^1.0.0-alpha.0",
     "typography": "^0.16.0 || ^1.0.0-alpha.0"
   },
diff --git a/packages/gatsby-plugin-utils/CHANGELOG.md b/packages/gatsby-plugin-utils/CHANGELOG.md
index fcc2dc8539636..d3b5e360de808 100644
--- a/packages/gatsby-plugin-utils/CHANGELOG.md
+++ b/packages/gatsby-plugin-utils/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-utils@1.0.0-next.1...gatsby-plugin-utils@1.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-plugin-utils
+
 # [1.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-plugin-utils@1.0.0-next.0...gatsby-plugin-utils@1.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-plugin-utils
diff --git a/packages/gatsby-plugin-utils/package.json b/packages/gatsby-plugin-utils/package.json
index 2e5cfacf090b0..04c522ac54a9b 100644
--- a/packages/gatsby-plugin-utils/package.json
+++ b/packages/gatsby-plugin-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-plugin-utils",
-  "version": "1.0.0-next.1",
+  "version": "1.1.0-next.0",
   "description": "Gatsby utils that help creating plugins",
   "main": "dist/index.js",
   "scripts": {
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "rimraf": "^3.0.2",
     "typescript": "^4.1.5"
diff --git a/packages/gatsby-react-router-scroll/CHANGELOG.md b/packages/gatsby-react-router-scroll/CHANGELOG.md
index 89890de128753..fb0bcf06d4074 100644
--- a/packages/gatsby-react-router-scroll/CHANGELOG.md
+++ b/packages/gatsby-react-router-scroll/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-react-router-scroll@4.0.0-next.2...gatsby-react-router-scroll@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-react-router-scroll
+
 # [4.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-react-router-scroll@4.0.0-next.1...gatsby-react-router-scroll@4.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-react-router-scroll
diff --git a/packages/gatsby-react-router-scroll/package.json b/packages/gatsby-react-router-scroll/package.json
index 06e3538d90c0d..01fc2b2f3f2a1 100644
--- a/packages/gatsby-react-router-scroll/package.json
+++ b/packages/gatsby-react-router-scroll/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-react-router-scroll",
   "description": "React Router scroll management forked from https://github.com/ytase/react-router-scroll for Gatsby",
-  "version": "4.0.0-next.2",
+  "version": "4.1.0-next.0",
   "author": "Jimmy Jia",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "babel-plugin-dev-expression": "^0.2.2",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "history": "^4.10.1"
   },
@@ -25,8 +25,8 @@
   "main": "index.js",
   "peerDependencies": {
     "@reach/router": "^1.0.0",
-    "react": "^16.4.2 || ^17.0.0",
-    "react-dom": "^16.4.2 || ^17.0.0"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-recipes/CHANGELOG.md b/packages/gatsby-recipes/CHANGELOG.md
index 30a8c35dd4231..5d208492eb43c 100644
--- a/packages/gatsby-recipes/CHANGELOG.md
+++ b/packages/gatsby-recipes/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.12.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-recipes@0.11.0-next.5...gatsby-recipes@0.12.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-recipes
+
 # [0.11.0-next.5](https://github.com/gatsbyjs/gatsby/compare/gatsby-recipes@0.11.0-next.4...gatsby-recipes@0.11.0-next.5) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-recipes
diff --git a/packages/gatsby-recipes/package.json b/packages/gatsby-recipes/package.json
index e14b32b976089..540a536a1a9d6 100644
--- a/packages/gatsby-recipes/package.json
+++ b/packages/gatsby-recipes/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-recipes",
   "description": "Core functionality for Gatsby Recipes",
-  "version": "0.11.0-next.5",
+  "version": "0.12.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -30,8 +30,8 @@
     "express": "^4.17.1",
     "express-graphql": "^0.9.0",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-telemetry": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-telemetry": "^2.1.0-next.0",
     "glob": "^7.1.6",
     "graphql": "^15.4.0",
     "graphql-compose": "~7.25.0",
diff --git a/packages/gatsby-remark-autolink-headers/CHANGELOG.md b/packages/gatsby-remark-autolink-headers/CHANGELOG.md
index 49fb29f11d460..1921d3d54c1b0 100644
--- a/packages/gatsby-remark-autolink-headers/CHANGELOG.md
+++ b/packages/gatsby-remark-autolink-headers/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-autolink-headers@3.0.0-next.1...gatsby-remark-autolink-headers@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-autolink-headers
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-autolink-headers@3.0.0-next.0...gatsby-remark-autolink-headers@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-remark-autolink-headers
diff --git a/packages/gatsby-remark-autolink-headers/package.json b/packages/gatsby-remark-autolink-headers/package.json
index 6f707f49ac0c0..c54f3b1f5df2a 100644
--- a/packages/gatsby-remark-autolink-headers/package.json
+++ b/packages/gatsby-remark-autolink-headers/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-autolink-headers",
   "description": "Gatsby plugin to autolink headers in markdown processed by Remark",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -16,9 +16,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-autolink-headers#readme",
   "keywords": [
@@ -29,7 +29,9 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "gatsby": "^3.0.0-next.0"
+    "gatsby": "^3.0.0-next.0",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby-remark-code-repls/CHANGELOG.md b/packages/gatsby-remark-code-repls/CHANGELOG.md
index ba5a1f522df7a..934a31ae963ea 100644
--- a/packages/gatsby-remark-code-repls/CHANGELOG.md
+++ b/packages/gatsby-remark-code-repls/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-code-repls@4.0.0-next.0...gatsby-remark-code-repls@4.1.0-next.0) (2021-02-26)
+
+### Features
+
+- shim reporter from gatsby ([#29669](https://github.com/gatsbyjs/gatsby/issues/29669)) ([249905a](https://github.com/gatsbyjs/gatsby/commit/249905ac92f11efdb2333828667b946a860a1a27))
+
 # [4.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-code-repls@3.10.0-next.0...gatsby-remark-code-repls@4.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-code-repls
diff --git a/packages/gatsby-remark-code-repls/package.json b/packages/gatsby-remark-code-repls/package.json
index 3054c69517f74..e7ea7e1d23a8f 100644
--- a/packages/gatsby-remark-code-repls/package.json
+++ b/packages/gatsby-remark-code-repls/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-code-repls",
   "description": "Gatsby plugin to auto-generate links to popular REPLs like Babel and Codepen",
-  "version": "4.0.0-next.0",
+  "version": "4.1.0-next.0",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-code-repls#readme",
diff --git a/packages/gatsby-remark-copy-linked-files/CHANGELOG.md b/packages/gatsby-remark-copy-linked-files/CHANGELOG.md
index 8d20d2c04dce7..c00f3cf91be67 100644
--- a/packages/gatsby-remark-copy-linked-files/CHANGELOG.md
+++ b/packages/gatsby-remark-copy-linked-files/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-copy-linked-files@3.0.0-next.0...gatsby-remark-copy-linked-files@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-copy-linked-files
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-copy-linked-files@2.11.0-next.0...gatsby-remark-copy-linked-files@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-copy-linked-files
diff --git a/packages/gatsby-remark-copy-linked-files/package.json b/packages/gatsby-remark-copy-linked-files/package.json
index 9dcb377d888b7..2ae7026b0f8eb 100644
--- a/packages/gatsby-remark-copy-linked-files/package.json
+++ b/packages/gatsby-remark-copy-linked-files/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-copy-linked-files",
   "description": "Find files which are linked to from markdown and copy them to the public directory",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "remark": "^10.0.1",
     "remark-mdx": "^1.6.18"
diff --git a/packages/gatsby-remark-custom-blocks/CHANGELOG.md b/packages/gatsby-remark-custom-blocks/CHANGELOG.md
index f09e2bdf666b4..c42d764d778de 100644
--- a/packages/gatsby-remark-custom-blocks/CHANGELOG.md
+++ b/packages/gatsby-remark-custom-blocks/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-custom-blocks@3.0.0-next.0...gatsby-remark-custom-blocks@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-custom-blocks
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-custom-blocks@2.11.0-next.0...gatsby-remark-custom-blocks@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-custom-blocks
diff --git a/packages/gatsby-remark-custom-blocks/package.json b/packages/gatsby-remark-custom-blocks/package.json
index 10fda83e1e791..94fb82d847114 100644
--- a/packages/gatsby-remark-custom-blocks/package.json
+++ b/packages/gatsby-remark-custom-blocks/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-custom-blocks",
   "description": "Gatsby remark plugin for adding custom blocks in markdown",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Mohammad Asad Mohammad <m91.alahmadi@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "rimraf": "^3.0.2",
     "unist-util-find": "^1.0.2"
diff --git a/packages/gatsby-remark-embed-snippet/CHANGELOG.md b/packages/gatsby-remark-embed-snippet/CHANGELOG.md
index 96b20584b647b..79d0af084f7c8 100644
--- a/packages/gatsby-remark-embed-snippet/CHANGELOG.md
+++ b/packages/gatsby-remark-embed-snippet/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-embed-snippet@5.0.0-next.1...gatsby-remark-embed-snippet@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-embed-snippet
+
 # [5.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-embed-snippet@5.0.0-next.0...gatsby-remark-embed-snippet@5.0.0-next.1) (2021-02-19)
 
 **Note:** Version bump only for package gatsby-remark-embed-snippet
diff --git a/packages/gatsby-remark-embed-snippet/package.json b/packages/gatsby-remark-embed-snippet/package.json
index a02c948938517..b48f4985b27c7 100644
--- a/packages/gatsby-remark-embed-snippet/package.json
+++ b/packages/gatsby-remark-embed-snippet/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-embed-snippet",
   "description": "Gatsby plugin to embed formatted code snippets within markdown",
-  "version": "5.0.0-next.1",
+  "version": "5.1.0-next.0",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-embed-snippet#readme",
diff --git a/packages/gatsby-remark-graphviz/CHANGELOG.md b/packages/gatsby-remark-graphviz/CHANGELOG.md
index b49fe94f75a86..ed8c655d03681 100644
--- a/packages/gatsby-remark-graphviz/CHANGELOG.md
+++ b/packages/gatsby-remark-graphviz/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-graphviz@2.0.0-next.0...gatsby-remark-graphviz@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-graphviz
+
 # [2.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-graphviz@1.11.0-next.0...gatsby-remark-graphviz@2.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-graphviz
diff --git a/packages/gatsby-remark-graphviz/package.json b/packages/gatsby-remark-graphviz/package.json
index 8f7a8c1a1cb16..3f618e3f5c5e6 100644
--- a/packages/gatsby-remark-graphviz/package.json
+++ b/packages/gatsby-remark-graphviz/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-graphviz",
   "description": "Processes graphviz code blocks and renders to SVG using viz.js",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "author": "Anthony Marcar <anthony@moocar.me>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "hast-util-to-html": "^4.0.1",
     "mdast-util-to-hast": "^3.0.4",
diff --git a/packages/gatsby-remark-images-contentful/CHANGELOG.md b/packages/gatsby-remark-images-contentful/CHANGELOG.md
index be7d9674294b3..7ca6e7f76c9f7 100644
--- a/packages/gatsby-remark-images-contentful/CHANGELOG.md
+++ b/packages/gatsby-remark-images-contentful/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-images-contentful@3.0.0-next.0...gatsby-remark-images-contentful@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-images-contentful
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-images-contentful@2.11.0-next.0...gatsby-remark-images-contentful@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-images-contentful
diff --git a/packages/gatsby-remark-images-contentful/package.json b/packages/gatsby-remark-images-contentful/package.json
index 38bd860116899..5970255ae3af5 100644
--- a/packages/gatsby-remark-images-contentful/package.json
+++ b/packages/gatsby-remark-images-contentful/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-remark-images-contentful",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "description": "Process Images in Contentful markdown so they can use the images API.",
   "main": "index.js",
   "scripts": {
@@ -28,7 +28,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "keywords": [
diff --git a/packages/gatsby-remark-images/CHANGELOG.md b/packages/gatsby-remark-images/CHANGELOG.md
index 05d3e46ef3616..4db608f754582 100644
--- a/packages/gatsby-remark-images/CHANGELOG.md
+++ b/packages/gatsby-remark-images/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-images@4.0.0-next.2...gatsby-remark-images@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-images
+
 # [4.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-images@4.0.0-next.1...gatsby-remark-images@4.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-remark-images
diff --git a/packages/gatsby-remark-images/package.json b/packages/gatsby-remark-images/package.json
index 733a9e42ba50b..f9fbd83af55cf 100644
--- a/packages/gatsby-remark-images/package.json
+++ b/packages/gatsby-remark-images/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-images",
   "description": "Processes images in markdown so they can be used in the production build.",
-  "version": "4.0.0-next.2",
+  "version": "4.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -10,7 +10,7 @@
     "@babel/runtime": "^7.12.5",
     "chalk": "^4.1.0",
     "cheerio": "^1.0.0-rc.3",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "is-relative-url": "^3.0.0",
     "lodash": "^4.17.20",
     "mdast-util-definitions": "^1.2.5",
@@ -22,9 +22,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
     "hast-util-to-html": "^6.1.0",
     "mdast-util-to-hast": "^6.0.2"
   },
diff --git a/packages/gatsby-remark-katex/CHANGELOG.md b/packages/gatsby-remark-katex/CHANGELOG.md
index fda5ec5e696d3..dbd00383ee997 100644
--- a/packages/gatsby-remark-katex/CHANGELOG.md
+++ b/packages/gatsby-remark-katex/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-katex@4.0.0-next.0...gatsby-remark-katex@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-katex
+
 # [4.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-katex@3.11.0-next.0...gatsby-remark-katex@4.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-katex
diff --git a/packages/gatsby-remark-katex/package.json b/packages/gatsby-remark-katex/package.json
index b015fbebfac37..b1771d4fa86ed 100644
--- a/packages/gatsby-remark-katex/package.json
+++ b/packages/gatsby-remark-katex/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-katex",
   "description": "Transform math nodes to html markup",
-  "version": "4.0.0-next.0",
+  "version": "4.1.0-next.0",
   "author": "Jeffrey Xiao <jeffrey.xiao1998@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "katex": "^0.12.0"
   },
diff --git a/packages/gatsby-remark-prismjs/CHANGELOG.md b/packages/gatsby-remark-prismjs/CHANGELOG.md
index 67dab0cfbf98b..089524523abe6 100644
--- a/packages/gatsby-remark-prismjs/CHANGELOG.md
+++ b/packages/gatsby-remark-prismjs/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-prismjs@4.0.0-next.0...gatsby-remark-prismjs@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-prismjs
+
 # [4.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-prismjs@3.14.0-next.0...gatsby-remark-prismjs@4.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-prismjs
diff --git a/packages/gatsby-remark-prismjs/package.json b/packages/gatsby-remark-prismjs/package.json
index 7356f0be05108..0ec98ea9ffa50 100644
--- a/packages/gatsby-remark-prismjs/package.json
+++ b/packages/gatsby-remark-prismjs/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-prismjs",
   "description": "Adds syntax highlighting to code blocks at build time using PrismJS",
-  "version": "4.0.0-next.0",
+  "version": "4.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cheerio": "^1.0.0-rc.3",
     "cross-env": "^7.0.3",
     "prismjs": "^1.21.0",
diff --git a/packages/gatsby-remark-responsive-iframe/CHANGELOG.md b/packages/gatsby-remark-responsive-iframe/CHANGELOG.md
index 58655271e22c6..909e8e8dc4437 100644
--- a/packages/gatsby-remark-responsive-iframe/CHANGELOG.md
+++ b/packages/gatsby-remark-responsive-iframe/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-responsive-iframe@3.0.0-next.0...gatsby-remark-responsive-iframe@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-responsive-iframe
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-responsive-iframe@2.12.0-next.0...gatsby-remark-responsive-iframe@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-remark-responsive-iframe
diff --git a/packages/gatsby-remark-responsive-iframe/package.json b/packages/gatsby-remark-responsive-iframe/package.json
index 26bf925a386f0..8cf31de8a6a59 100644
--- a/packages/gatsby-remark-responsive-iframe/package.json
+++ b/packages/gatsby-remark-responsive-iframe/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-responsive-iframe",
   "description": "Make iframes in Markdown processed by Remark responsive",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "remark": "^10.0.1",
     "remark-mdx": "^1.6.21",
diff --git a/packages/gatsby-remark-smartypants/CHANGELOG.md b/packages/gatsby-remark-smartypants/CHANGELOG.md
index 3ef0fcb9fc89f..28e22da302a62 100644
--- a/packages/gatsby-remark-smartypants/CHANGELOG.md
+++ b/packages/gatsby-remark-smartypants/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-smartypants@3.0.0-next.1...gatsby-remark-smartypants@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-remark-smartypants
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-remark-smartypants@3.0.0-next.0...gatsby-remark-smartypants@3.0.0-next.1) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-remark-smartypants
diff --git a/packages/gatsby-remark-smartypants/package.json b/packages/gatsby-remark-smartypants/package.json
index ad7f3fbdf8c17..1f963f70bf921 100644
--- a/packages/gatsby-remark-smartypants/package.json
+++ b/packages/gatsby-remark-smartypants/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-remark-smartypants",
   "description": "Use retext-smartypants to auto-enhance typography of markdown",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-remark-smartypants#readme",
diff --git a/packages/gatsby-source-contentful/CHANGELOG.md b/packages/gatsby-source-contentful/CHANGELOG.md
index 3ce4caf5a069b..5f5893c633c69 100644
--- a/packages/gatsby-source-contentful/CHANGELOG.md
+++ b/packages/gatsby-source-contentful/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-contentful@5.0.0-next.10...gatsby-source-contentful@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-contentful
+
 # [5.0.0-next.10](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-contentful@5.0.0-next.9...gatsby-source-contentful@5.0.0-next.10) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby-source-contentful/package.json b/packages/gatsby-source-contentful/package.json
index 4f6eb9fb467b9..58e15c8796339 100644
--- a/packages/gatsby-source-contentful/package.json
+++ b/packages/gatsby-source-contentful/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-contentful",
   "description": "Gatsby source plugin for building websites using the Contentful CMS as a data source",
-  "version": "5.0.0-next.10",
+  "version": "5.1.0-next.0",
   "author": "Marcus Ericsson <mericsson@gmail.com> (mericsson.com)",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -17,10 +17,10 @@
     "common-tags": "^1.8.0",
     "contentful": "^8.1.7",
     "fs-extra": "^9.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-plugin-image": "^1.0.0-next.9",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
-    "gatsby-source-filesystem": "^3.0.0-next.4",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-plugin-image": "^1.1.0-next.0",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
+    "gatsby-source-filesystem": "^3.1.0-next.0",
     "is-online": "^8.5.1",
     "json-stringify-safe": "^5.0.1",
     "lodash": "^4.17.20",
@@ -33,7 +33,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "nock": "^13.0.6"
   },
diff --git a/packages/gatsby-source-drupal/CHANGELOG.md b/packages/gatsby-source-drupal/CHANGELOG.md
index 1f95958630e20..b137fc123fd8b 100644
--- a/packages/gatsby-source-drupal/CHANGELOG.md
+++ b/packages/gatsby-source-drupal/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-drupal@4.0.0-next.4...gatsby-source-drupal@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-drupal
+
 # [4.0.0-next.4](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-drupal@4.0.0-next.3...gatsby-source-drupal@4.0.0-next.4) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-source-drupal
diff --git a/packages/gatsby-source-drupal/package.json b/packages/gatsby-source-drupal/package.json
index 15e01bbcc2877..6b592747fd7ea 100644
--- a/packages/gatsby-source-drupal/package.json
+++ b/packages/gatsby-source-drupal/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-drupal",
   "description": "Gatsby source plugin for building websites using the Drupal CMS as a data source",
-  "version": "4.0.0-next.4",
+  "version": "4.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -11,14 +11,14 @@
     "axios": "^0.21.1",
     "bluebird": "^3.7.2",
     "body-parser": "^1.19.0",
-    "gatsby-source-filesystem": "^3.0.0-next.4",
+    "gatsby-source-filesystem": "^3.1.0-next.0",
     "lodash": "^4.17.20",
     "tiny-async-pool": "^1.1.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-drupal#readme",
diff --git a/packages/gatsby-source-faker/CHANGELOG.md b/packages/gatsby-source-faker/CHANGELOG.md
index e21cae3d20629..ef88286c0a4cb 100644
--- a/packages/gatsby-source-faker/CHANGELOG.md
+++ b/packages/gatsby-source-faker/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-faker@3.0.0-next.0...gatsby-source-faker@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-faker
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-faker@2.11.0-next.0...gatsby-source-faker@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-source-faker
diff --git a/packages/gatsby-source-faker/package.json b/packages/gatsby-source-faker/package.json
index 71570bcba46de..4318fbb7c1ee3 100644
--- a/packages/gatsby-source-faker/package.json
+++ b/packages/gatsby-source-faker/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-faker",
   "description": "A gatsby plugin to get fake data for testing",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Pavithra Kodmad<pavithra.kodmad@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-faker#readme",
diff --git a/packages/gatsby-source-filesystem/CHANGELOG.md b/packages/gatsby-source-filesystem/CHANGELOG.md
index 87ffe008aa080..96539cf541cef 100644
--- a/packages/gatsby-source-filesystem/CHANGELOG.md
+++ b/packages/gatsby-source-filesystem/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-filesystem@3.0.0-next.4...gatsby-source-filesystem@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-filesystem
+
 # [3.0.0-next.4](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-filesystem@3.0.0-next.3...gatsby-source-filesystem@3.0.0-next.4) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-source-filesystem/package.json b/packages/gatsby-source-filesystem/package.json
index e13582b42f2e7..befaba49698b8 100644
--- a/packages/gatsby-source-filesystem/package.json
+++ b/packages/gatsby-source-filesystem/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-filesystem",
   "description": "Gatsby source plugin for building websites from local data. Markdown, JSON, images, YAML, CSV, and dozens of other data types supported.",
-  "version": "3.0.0-next.4",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -12,7 +12,7 @@
     "chokidar": "^3.4.3",
     "file-type": "^16.0.0",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "got": "^9.6.0",
     "md5-file": "^5.0.0",
     "mime": "^2.4.6",
@@ -24,7 +24,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "msw": "^0.25.0"
   },
diff --git a/packages/gatsby-source-graphql/CHANGELOG.md b/packages/gatsby-source-graphql/CHANGELOG.md
index d9ccedae16848..bea1b4235d2d3 100644
--- a/packages/gatsby-source-graphql/CHANGELOG.md
+++ b/packages/gatsby-source-graphql/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-graphql@3.0.0-next.1...gatsby-source-graphql@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-graphql
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-graphql@3.0.0-next.0...gatsby-source-graphql@3.0.0-next.1) (2021-02-15)
 
 **Note:** Version bump only for package gatsby-source-graphql
diff --git a/packages/gatsby-source-graphql/package.json b/packages/gatsby-source-graphql/package.json
index f5504ef4d00c4..b7eaeacec78d5 100644
--- a/packages/gatsby-source-graphql/package.json
+++ b/packages/gatsby-source-graphql/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-graphql",
   "description": "Gatsby plugin which adds a third-party GraphQL API to Gatsby GraphQL",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Mikhail Novikov <freiksenet@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -21,7 +21,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-graphql#readme",
diff --git a/packages/gatsby-source-hacker-news/CHANGELOG.md b/packages/gatsby-source-hacker-news/CHANGELOG.md
index 1b74014d539a2..a499b04e8ff7a 100644
--- a/packages/gatsby-source-hacker-news/CHANGELOG.md
+++ b/packages/gatsby-source-hacker-news/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-hacker-news@3.0.0-next.1...gatsby-source-hacker-news@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-hacker-news
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-hacker-news@3.0.0-next.0...gatsby-source-hacker-news@3.0.0-next.1) (2021-02-11)
 
 **Note:** Version bump only for package gatsby-source-hacker-news
diff --git a/packages/gatsby-source-hacker-news/package.json b/packages/gatsby-source-hacker-news/package.json
index 25435cdb853c6..a9d66c8063ba9 100644
--- a/packages/gatsby-source-hacker-news/package.json
+++ b/packages/gatsby-source-hacker-news/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-hacker-news",
   "description": "Gatsby source plugin for building websites using Hacker News as a data source",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-hacker-news#readme",
diff --git a/packages/gatsby-source-lever/CHANGELOG.md b/packages/gatsby-source-lever/CHANGELOG.md
index 9240cad708ea1..681762d314e96 100644
--- a/packages/gatsby-source-lever/CHANGELOG.md
+++ b/packages/gatsby-source-lever/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-lever@3.0.0-next.0...gatsby-source-lever@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-lever
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-lever@2.11.0-next.0...gatsby-source-lever@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-source-lever
diff --git a/packages/gatsby-source-lever/package.json b/packages/gatsby-source-lever/package.json
index 0255fa7893c73..8aacd3a7008bf 100644
--- a/packages/gatsby-source-lever/package.json
+++ b/packages/gatsby-source-lever/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-lever",
   "description": "Gatsby source plugin for building websites using the Lever.co Recruitment Software as a data source.",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Sebastien Fichot <fichot.sebastien@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -20,7 +20,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-lever#readme",
diff --git a/packages/gatsby-source-medium/CHANGELOG.md b/packages/gatsby-source-medium/CHANGELOG.md
index 90d09fa0008e9..5399acfd65eaa 100644
--- a/packages/gatsby-source-medium/CHANGELOG.md
+++ b/packages/gatsby-source-medium/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-medium@3.0.0-next.0...gatsby-source-medium@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-medium
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-medium@2.11.0-next.0...gatsby-source-medium@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-source-medium
diff --git a/packages/gatsby-source-medium/package.json b/packages/gatsby-source-medium/package.json
index aa1b9aa3de9e7..8f222bfac8f01 100644
--- a/packages/gatsby-source-medium/package.json
+++ b/packages/gatsby-source-medium/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-medium",
   "description": "Gatsby source plugin for building websites using Medium as a data source",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Robert Vogt <robert@smartive.ch>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-medium#readme",
diff --git a/packages/gatsby-source-mongodb/CHANGELOG.md b/packages/gatsby-source-mongodb/CHANGELOG.md
index 8dbd67720c0ff..dd880815e737c 100644
--- a/packages/gatsby-source-mongodb/CHANGELOG.md
+++ b/packages/gatsby-source-mongodb/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-mongodb@3.0.0-next.1...gatsby-source-mongodb@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-mongodb
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-mongodb@3.0.0-next.0...gatsby-source-mongodb@3.0.0-next.1) (2021-02-11)
 
 **Note:** Version bump only for package gatsby-source-mongodb
diff --git a/packages/gatsby-source-mongodb/package.json b/packages/gatsby-source-mongodb/package.json
index c0f399dd99f3a..6d038222f31bc 100644
--- a/packages/gatsby-source-mongodb/package.json
+++ b/packages/gatsby-source-mongodb/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-mongodb",
   "description": "Source plugin for pulling data into Gatsby from MongoDB collections",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "authors": [
     "jhermans85@hotmail.com",
     "hi@elmar.codes"
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-mongodb#readme",
diff --git a/packages/gatsby-source-npm-package-search/CHANGELOG.md b/packages/gatsby-source-npm-package-search/CHANGELOG.md
index a0942c37ec228..88e2384473147 100644
--- a/packages/gatsby-source-npm-package-search/CHANGELOG.md
+++ b/packages/gatsby-source-npm-package-search/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-npm-package-search@3.0.0-next.2...gatsby-source-npm-package-search@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-npm-package-search
+
 # [3.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-npm-package-search@3.0.0-next.1...gatsby-source-npm-package-search@3.0.0-next.2) (2021-02-22)
 
 ### Bug Fixes
diff --git a/packages/gatsby-source-npm-package-search/package.json b/packages/gatsby-source-npm-package-search/package.json
index 306d0b5cbf12c..a9856660bf07d 100644
--- a/packages/gatsby-source-npm-package-search/package.json
+++ b/packages/gatsby-source-npm-package-search/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-source-npm-package-search",
   "description": "Search NPM packages and pull NPM & GitHub metadata from Algolia's NPM index",
-  "version": "3.0.0-next.2",
+  "version": "3.1.0-next.0",
   "author": "james.a.stack@gmail.com",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "keywords": [
diff --git a/packages/gatsby-source-shopify/CHANGELOG.md b/packages/gatsby-source-shopify/CHANGELOG.md
index 93646fe3621fb..7314719ed6116 100644
--- a/packages/gatsby-source-shopify/CHANGELOG.md
+++ b/packages/gatsby-source-shopify/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-shopify@4.0.0-next.5...gatsby-source-shopify@4.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-shopify
+
 # [4.0.0-next.5](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-shopify@4.0.0-next.4...gatsby-source-shopify@4.0.0-next.5) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-source-shopify
diff --git a/packages/gatsby-source-shopify/package.json b/packages/gatsby-source-shopify/package.json
index 8be5739b37bd4..e99629b715465 100644
--- a/packages/gatsby-source-shopify/package.json
+++ b/packages/gatsby-source-shopify/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-source-shopify",
-  "version": "4.0.0-next.5",
+  "version": "4.1.0-next.0",
   "description": "Gatsby source plugin for building websites using Shopify as a data source.",
   "scripts": {
     "build": "babel src --out-dir . --ignore \"**/__tests__\"",
@@ -33,10 +33,10 @@
     "cross-env": "^7.0.3"
   },
   "dependencies": {
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "chalk": "^4.1.0",
     "gatsby-node-helpers": "^0.3.0",
-    "gatsby-source-filesystem": "^3.0.0-next.4",
+    "gatsby-source-filesystem": "^3.1.0-next.0",
     "graphql-request": "^1.8.2",
     "lodash": "^4.17.20",
     "p-iteration": "^1.1.8",
diff --git a/packages/gatsby-source-wikipedia/CHANGELOG.md b/packages/gatsby-source-wikipedia/CHANGELOG.md
index 25c5c994252ac..8c0534c991238 100644
--- a/packages/gatsby-source-wikipedia/CHANGELOG.md
+++ b/packages/gatsby-source-wikipedia/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-wikipedia@3.0.0-next.0...gatsby-source-wikipedia@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-wikipedia
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-wikipedia@2.11.0-next.0...gatsby-source-wikipedia@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-source-wikipedia
diff --git a/packages/gatsby-source-wikipedia/package.json b/packages/gatsby-source-wikipedia/package.json
index 09e7bb51e2e1f..87cbf38788dc6 100644
--- a/packages/gatsby-source-wikipedia/package.json
+++ b/packages/gatsby-source-wikipedia/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-source-wikipedia",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "description": "Gatsby source plugin for pulling articles from Wikipedia",
   "main": "index.js",
   "scripts": {
@@ -36,7 +36,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "engines": {
diff --git a/packages/gatsby-source-wordpress/CHANGELOG.md b/packages/gatsby-source-wordpress/CHANGELOG.md
index 6bb88cde5e6e3..f8d63e696cc61 100644
--- a/packages/gatsby-source-wordpress/CHANGELOG.md
+++ b/packages/gatsby-source-wordpress/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-wordpress@5.0.0-next.9...gatsby-source-wordpress@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-source-wordpress
+
 # [5.0.0-next.9](https://github.com/gatsbyjs/gatsby/compare/gatsby-source-wordpress@5.0.0-next.8...gatsby-source-wordpress@5.0.0-next.9) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby-source-wordpress/package.json b/packages/gatsby-source-wordpress/package.json
index 83a700a3c2031..4a301db96b041 100644
--- a/packages/gatsby-source-wordpress/package.json
+++ b/packages/gatsby-source-wordpress/package.json
@@ -2,7 +2,7 @@
   "name": "gatsby-source-wordpress",
   "description": "Source data from WordPress in an efficient and scalable way.",
   "author": "Tyler Barnes <tylerdbarnes@gmail.com>",
-  "version": "5.0.0-next.9",
+  "version": "5.1.0-next.0",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   },
@@ -28,10 +28,10 @@
     "file-type": "^15.0.1",
     "filesize": "^6.1.0",
     "fs-extra": "^9.0.1",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-image": "^3.0.0-next.1",
-    "gatsby-plugin-catch-links": "^3.0.0-next.0",
-    "gatsby-source-filesystem": "^3.0.0-next.4",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-image": "^3.1.0-next.0",
+    "gatsby-plugin-catch-links": "^3.1.0-next.0",
+    "gatsby-source-filesystem": "^3.1.0-next.0",
     "glob": "^7.1.6",
     "got": "^11.7.0",
     "graphql-query-compress": "^1.2.2",
@@ -53,8 +53,8 @@
     "@types/semver": "^7.3.4",
     "babel-plugin-import-globals": "^2.0.0",
     "babel-plugin-module-resolver": "4.0.0",
-    "babel-preset-gatsby": "^1.0.0-next.4",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby": "^1.1.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^5.2.1",
     "identity-obj-proxy": "^3.0.0",
     "react-test-renderer": "^16.12.0",
diff --git a/packages/gatsby-telemetry/CHANGELOG.md b/packages/gatsby-telemetry/CHANGELOG.md
index a360b85004c4a..e6d5777aba513 100644
--- a/packages/gatsby-telemetry/CHANGELOG.md
+++ b/packages/gatsby-telemetry/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-telemetry@2.0.0-next.2...gatsby-telemetry@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-telemetry
+
 # [2.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-telemetry@2.0.0-next.1...gatsby-telemetry@2.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-telemetry
diff --git a/packages/gatsby-telemetry/package.json b/packages/gatsby-telemetry/package.json
index f7d5184d0dd5c..b02e3c59770ab 100644
--- a/packages/gatsby-telemetry/package.json
+++ b/packages/gatsby-telemetry/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-telemetry",
   "description": "Gatsby Telemetry",
-  "version": "2.0.0-next.2",
+  "version": "2.1.0-next.0",
   "author": "Jarmo Isotalo <jarmo@isotalo.fi>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
     "boxen": "^4.2.0",
     "configstore": "^5.0.1",
     "fs-extra": "^8.1.0",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "git-up": "^4.0.2",
     "is-docker": "^2.1.1",
     "lodash": "^4.17.20",
@@ -26,7 +26,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "babel-jest": "^24.9.0",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "jest": "^24.9.0",
     "jest-cli": "^24.9.0",
diff --git a/packages/gatsby-theme/CHANGELOG.md b/packages/gatsby-theme/CHANGELOG.md
index d3804ba8021c9..a59cee28b417b 100644
--- a/packages/gatsby-theme/CHANGELOG.md
+++ b/packages/gatsby-theme/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.11.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-theme@0.10.0-next.0...gatsby-theme@0.11.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-theme
+
 # [0.10.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-theme@0.9.0-next.0...gatsby-theme@0.10.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-theme
diff --git a/packages/gatsby-theme/package.json b/packages/gatsby-theme/package.json
index 5b02210bec8ed..65868cf5a2621 100644
--- a/packages/gatsby-theme/package.json
+++ b/packages/gatsby-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gatsby-theme",
-  "version": "0.10.0-next.0",
+  "version": "0.11.0-next.0",
   "main": "index.js",
   "bin": {
     "gatsby-theme": "./cli.js"
diff --git a/packages/gatsby-transformer-asciidoc/CHANGELOG.md b/packages/gatsby-transformer-asciidoc/CHANGELOG.md
index 478fb195ea70a..9e0db0d0bc51e 100644
--- a/packages/gatsby-transformer-asciidoc/CHANGELOG.md
+++ b/packages/gatsby-transformer-asciidoc/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-asciidoc@2.0.0-next.0...gatsby-transformer-asciidoc@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-asciidoc
+
 # [2.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-asciidoc@1.11.0-next.0...gatsby-transformer-asciidoc@2.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-asciidoc
diff --git a/packages/gatsby-transformer-asciidoc/package.json b/packages/gatsby-transformer-asciidoc/package.json
index e0e3208ca4a54..913a7ee5438d9 100644
--- a/packages/gatsby-transformer-asciidoc/package.json
+++ b/packages/gatsby-transformer-asciidoc/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-asciidoc",
   "description": "Gatsby transformer plugin for Asciidocs using the Asciidoctor.js library",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "author": "Daniel Oliver <danieloliversoftware@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.20"
   },
diff --git a/packages/gatsby-transformer-csv/CHANGELOG.md b/packages/gatsby-transformer-csv/CHANGELOG.md
index b64f0bdda0103..f57f88efc73af 100644
--- a/packages/gatsby-transformer-csv/CHANGELOG.md
+++ b/packages/gatsby-transformer-csv/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-csv@3.0.0-next.0...gatsby-transformer-csv@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-csv
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-csv@2.11.0-next.0...gatsby-transformer-csv@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-csv
diff --git a/packages/gatsby-transformer-csv/package.json b/packages/gatsby-transformer-csv/package.json
index b5f969ece826e..e742432ebfb9d 100644
--- a/packages/gatsby-transformer-csv/package.json
+++ b/packages/gatsby-transformer-csv/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-csv",
   "description": "Gatsby transformer plugin for CSV files",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Sonal Saldanha <sonal.saldanha@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "json2csv": "^5.0.4"
   },
diff --git a/packages/gatsby-transformer-documentationjs/CHANGELOG.md b/packages/gatsby-transformer-documentationjs/CHANGELOG.md
index 90ba4f975fb6c..1b636605ce458 100644
--- a/packages/gatsby-transformer-documentationjs/CHANGELOG.md
+++ b/packages/gatsby-transformer-documentationjs/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-documentationjs@5.0.0-next.0...gatsby-transformer-documentationjs@5.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-documentationjs
+
 # [5.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-documentationjs@4.11.0-next.0...gatsby-transformer-documentationjs@5.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-documentationjs
diff --git a/packages/gatsby-transformer-documentationjs/package.json b/packages/gatsby-transformer-documentationjs/package.json
index 9f74a904a1792..58b68743a7e22 100644
--- a/packages/gatsby-transformer-documentationjs/package.json
+++ b/packages/gatsby-transformer-documentationjs/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-documentationjs",
   "description": "Gatsby transformer plugin which uses Documentation.js to extract JavaScript documentation",
-  "version": "5.0.0-next.0",
+  "version": "5.1.0-next.0",
   "author": "Kyle Mathews",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-documentationjs#readme",
diff --git a/packages/gatsby-transformer-excel/CHANGELOG.md b/packages/gatsby-transformer-excel/CHANGELOG.md
index a6a612d992b38..7f791a702134b 100644
--- a/packages/gatsby-transformer-excel/CHANGELOG.md
+++ b/packages/gatsby-transformer-excel/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-excel@3.0.0-next.0...gatsby-transformer-excel@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-excel
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-excel@2.12.0-next.0...gatsby-transformer-excel@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-excel
diff --git a/packages/gatsby-transformer-excel/package.json b/packages/gatsby-transformer-excel/package.json
index c14d6eb278f89..0fe6ebca543bb 100644
--- a/packages/gatsby-transformer-excel/package.json
+++ b/packages/gatsby-transformer-excel/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-excel",
   "description": "Gatsby transformer plugin for Excel spreadsheets",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "SheetJS <dev@sheetjs.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-excel#readme",
diff --git a/packages/gatsby-transformer-hjson/CHANGELOG.md b/packages/gatsby-transformer-hjson/CHANGELOG.md
index bd2cd1e48a3d1..9ef0e4565aa8f 100644
--- a/packages/gatsby-transformer-hjson/CHANGELOG.md
+++ b/packages/gatsby-transformer-hjson/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-hjson@3.0.0-next.1...gatsby-transformer-hjson@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-hjson
+
 # [3.0.0-next.1](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-hjson@3.0.0-next.0...gatsby-transformer-hjson@3.0.0-next.1) (2021-02-22)
 
 ### Bug Fixes
diff --git a/packages/gatsby-transformer-hjson/package.json b/packages/gatsby-transformer-hjson/package.json
index 6d6f2d781a6cc..9d18e3000b6c8 100644
--- a/packages/gatsby-transformer-hjson/package.json
+++ b/packages/gatsby-transformer-hjson/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-hjson",
   "description": "Gatsby transformer plugin for HJSON files",
-  "version": "3.0.0-next.1",
+  "version": "3.1.0-next.0",
   "author": "Remi Barraquand <dev@remibarraquand.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-hjson#readme",
diff --git a/packages/gatsby-transformer-javascript-frontmatter/CHANGELOG.md b/packages/gatsby-transformer-javascript-frontmatter/CHANGELOG.md
index 540f582bea25b..2895116ecc910 100644
--- a/packages/gatsby-transformer-javascript-frontmatter/CHANGELOG.md
+++ b/packages/gatsby-transformer-javascript-frontmatter/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-javascript-frontmatter@3.0.0-next.0...gatsby-transformer-javascript-frontmatter@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-javascript-frontmatter
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-javascript-frontmatter@2.11.0-next.0...gatsby-transformer-javascript-frontmatter@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-javascript-frontmatter
diff --git a/packages/gatsby-transformer-javascript-frontmatter/package.json b/packages/gatsby-transformer-javascript-frontmatter/package.json
index 773ea271d30a6..65f5211e43f3d 100644
--- a/packages/gatsby-transformer-javascript-frontmatter/package.json
+++ b/packages/gatsby-transformer-javascript-frontmatter/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-javascript-frontmatter",
   "description": "Gatsby transformer plugin for JavaScript to extract exports.frontmatter statically.",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Jacob Bolda <me@jacobbolda.com>",
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-javascript-frontmatter#readme",
   "dependencies": {
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "keywords": [
diff --git a/packages/gatsby-transformer-javascript-static-exports/CHANGELOG.md b/packages/gatsby-transformer-javascript-static-exports/CHANGELOG.md
index 97e50194163ea..a581b55928955 100644
--- a/packages/gatsby-transformer-javascript-static-exports/CHANGELOG.md
+++ b/packages/gatsby-transformer-javascript-static-exports/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-javascript-static-exports@3.0.0-next.0...gatsby-transformer-javascript-static-exports@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-javascript-static-exports
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-javascript-static-exports@2.12.0-next.0...gatsby-transformer-javascript-static-exports@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-javascript-static-exports
diff --git a/packages/gatsby-transformer-javascript-static-exports/package.json b/packages/gatsby-transformer-javascript-static-exports/package.json
index c70573718ac99..44da7ae5f0832 100644
--- a/packages/gatsby-transformer-javascript-static-exports/package.json
+++ b/packages/gatsby-transformer-javascript-static-exports/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-javascript-static-exports",
   "description": "Gatsby transformer plugin for JavaScript to extract exports.data statically.",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Jacob Bolda <me@jacobbolda.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-javascript-static-exports#readme",
diff --git a/packages/gatsby-transformer-json/CHANGELOG.md b/packages/gatsby-transformer-json/CHANGELOG.md
index e7912eb137c57..3e236e5e5e87b 100644
--- a/packages/gatsby-transformer-json/CHANGELOG.md
+++ b/packages/gatsby-transformer-json/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-json@3.0.0-next.0...gatsby-transformer-json@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-json
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-json@2.12.0-next.0...gatsby-transformer-json@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-json
diff --git a/packages/gatsby-transformer-json/package.json b/packages/gatsby-transformer-json/package.json
index 9ce08136874a7..f83d227817a8d 100644
--- a/packages/gatsby-transformer-json/package.json
+++ b/packages/gatsby-transformer-json/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-json",
   "description": "Gatsby transformer plugin for JSON files",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-json#readme",
diff --git a/packages/gatsby-transformer-pdf/CHANGELOG.md b/packages/gatsby-transformer-pdf/CHANGELOG.md
index 950c8459b6abb..43a7ee8a36cfb 100644
--- a/packages/gatsby-transformer-pdf/CHANGELOG.md
+++ b/packages/gatsby-transformer-pdf/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-pdf@2.0.0-next.0...gatsby-transformer-pdf@2.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-pdf
+
 # [2.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-pdf@1.11.0-next.0...gatsby-transformer-pdf@2.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-pdf
diff --git a/packages/gatsby-transformer-pdf/package.json b/packages/gatsby-transformer-pdf/package.json
index d844faedde3b1..7a248afdb2cda 100644
--- a/packages/gatsby-transformer-pdf/package.json
+++ b/packages/gatsby-transformer-pdf/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-pdf",
   "description": "Gatsby transformer plugin for pdf files",
-  "version": "2.0.0-next.0",
+  "version": "2.1.0-next.0",
   "author": "Alex Munoz <almunozdo@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-pdf#readme",
diff --git a/packages/gatsby-transformer-react-docgen/CHANGELOG.md b/packages/gatsby-transformer-react-docgen/CHANGELOG.md
index 447c82a073abc..0b85c9a338eab 100644
--- a/packages/gatsby-transformer-react-docgen/CHANGELOG.md
+++ b/packages/gatsby-transformer-react-docgen/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-react-docgen@6.0.0-next.0...gatsby-transformer-react-docgen@6.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-react-docgen
+
 # [6.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-react-docgen@5.10.0-next.0...gatsby-transformer-react-docgen@6.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-react-docgen
diff --git a/packages/gatsby-transformer-react-docgen/package.json b/packages/gatsby-transformer-react-docgen/package.json
index 63bd60dd8ef06..203fad6c68ee8 100644
--- a/packages/gatsby-transformer-react-docgen/package.json
+++ b/packages/gatsby-transformer-react-docgen/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-react-docgen",
   "description": "Expose React component metadata and prop information as GraphQL types",
-  "version": "6.0.0-next.0",
+  "version": "6.1.0-next.0",
   "author": "Jason Quense <monastic.panic@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -17,7 +17,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "lodash": "^4.17.20"
   },
diff --git a/packages/gatsby-transformer-remark/CHANGELOG.md b/packages/gatsby-transformer-remark/CHANGELOG.md
index 820c7147d366e..3c885a28b3e63 100644
--- a/packages/gatsby-transformer-remark/CHANGELOG.md
+++ b/packages/gatsby-transformer-remark/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-remark@3.0.0-next.3...gatsby-transformer-remark@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-remark
+
 # [3.0.0-next.3](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-remark@3.0.0-next.2...gatsby-transformer-remark@3.0.0-next.3) (2021-02-25)
 
 ### Features
diff --git a/packages/gatsby-transformer-remark/package.json b/packages/gatsby-transformer-remark/package.json
index 0048d715f9de5..75f9c097d01fa 100644
--- a/packages/gatsby-transformer-remark/package.json
+++ b/packages/gatsby-transformer-remark/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-remark",
   "description": "Gatsby transformer plugin for Markdown using the Remark library and ecosystem",
-  "version": "3.0.0-next.3",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -9,7 +9,7 @@
   "dependencies": {
     "@babel/runtime": "^7.12.5",
     "bluebird": "^3.7.2",
-    "gatsby-core-utils": "^2.0.0-next.2",
+    "gatsby-core-utils": "^2.1.0-next.0",
     "gray-matter": "^4.0.2",
     "hast-util-raw": "^4.0.0",
     "hast-util-to-html": "^4.0.1",
@@ -32,9 +32,9 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1"
+    "gatsby-plugin-utils": "^1.1.0-next.0"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-remark#readme",
   "keywords": [
diff --git a/packages/gatsby-transformer-screenshot/CHANGELOG.md b/packages/gatsby-transformer-screenshot/CHANGELOG.md
index 9992cccc16bce..de830ef04d4ec 100644
--- a/packages/gatsby-transformer-screenshot/CHANGELOG.md
+++ b/packages/gatsby-transformer-screenshot/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-screenshot@3.0.0-next.2...gatsby-transformer-screenshot@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-screenshot
+
 # [3.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-screenshot@3.0.0-next.1...gatsby-transformer-screenshot@3.0.0-next.2) (2021-02-22)
 
 **Note:** Version bump only for package gatsby-transformer-screenshot
diff --git a/packages/gatsby-transformer-screenshot/package.json b/packages/gatsby-transformer-screenshot/package.json
index ddc86619f0bfe..a633132955e73 100644
--- a/packages/gatsby-transformer-screenshot/package.json
+++ b/packages/gatsby-transformer-screenshot/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-screenshot",
   "description": "Gatsby transformer plugin that uses AWS Lambda to take screenshots of websites",
-  "version": "3.0.0-next.2",
+  "version": "3.1.0-next.0",
   "author": "David Beckley <beckl.ds@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-screenshot#readme",
diff --git a/packages/gatsby-transformer-sharp/CHANGELOG.md b/packages/gatsby-transformer-sharp/CHANGELOG.md
index 25a2c083d7c52..a955d64350cff 100644
--- a/packages/gatsby-transformer-sharp/CHANGELOG.md
+++ b/packages/gatsby-transformer-sharp/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-sharp@3.0.0-next.2...gatsby-transformer-sharp@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-sharp
+
 # [3.0.0-next.2](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-sharp@3.0.0-next.1...gatsby-transformer-sharp@3.0.0-next.2) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-transformer-sharp
diff --git a/packages/gatsby-transformer-sharp/package.json b/packages/gatsby-transformer-sharp/package.json
index 33ceaa541dc9e..8082d2fa024e1 100644
--- a/packages/gatsby-transformer-sharp/package.json
+++ b/packages/gatsby-transformer-sharp/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-sharp",
   "description": "Gatsby transformer plugin for images using Sharp",
-  "version": "3.0.0-next.2",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -20,7 +20,7 @@
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
     "@types/sharp": "^0.27.1",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-sharp#readme",
diff --git a/packages/gatsby-transformer-sqip/CHANGELOG.md b/packages/gatsby-transformer-sqip/CHANGELOG.md
index 24408d88cff8f..77691f6676bb5 100644
--- a/packages/gatsby-transformer-sqip/CHANGELOG.md
+++ b/packages/gatsby-transformer-sqip/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-sqip@3.0.0-next.9...gatsby-transformer-sqip@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-sqip
+
 # [3.0.0-next.9](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-sqip@3.0.0-next.8...gatsby-transformer-sqip@3.0.0-next.9) (2021-02-25)
 
 **Note:** Version bump only for package gatsby-transformer-sqip
diff --git a/packages/gatsby-transformer-sqip/package.json b/packages/gatsby-transformer-sqip/package.json
index a507d12188feb..adc4bcf55f86c 100644
--- a/packages/gatsby-transformer-sqip/package.json
+++ b/packages/gatsby-transformer-sqip/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-sqip",
   "description": "Generates geometric primitive version of images",
-  "version": "3.0.0-next.9",
+  "version": "3.1.0-next.0",
   "author": "Benedikt Rötsch <roetsch.beni@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -9,7 +9,7 @@
   "dependencies": {
     "@babel/runtime": "^7.12.5",
     "fs-extra": "^8.1.0",
-    "gatsby-plugin-sharp": "^3.0.0-next.9",
+    "gatsby-plugin-sharp": "^3.1.0-next.0",
     "md5-file": "^5.0.0",
     "mini-svg-data-uri": "^1.2.3",
     "p-queue": "^6.6.2",
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "debug": "^3.2.7"
   },
diff --git a/packages/gatsby-transformer-toml/CHANGELOG.md b/packages/gatsby-transformer-toml/CHANGELOG.md
index b9a2648447e5b..48a7326437ac7 100644
--- a/packages/gatsby-transformer-toml/CHANGELOG.md
+++ b/packages/gatsby-transformer-toml/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-toml@3.0.0-next.0...gatsby-transformer-toml@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-toml
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-toml@2.12.0-next.0...gatsby-transformer-toml@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-toml
diff --git a/packages/gatsby-transformer-toml/package.json b/packages/gatsby-transformer-toml/package.json
index ba7aa0505cca6..3c8485778d896 100644
--- a/packages/gatsby-transformer-toml/package.json
+++ b/packages/gatsby-transformer-toml/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-toml",
   "description": "Gatsby transformer plugin for toml",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Ruben Harutyunyan <vagr9k@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-toml#readme",
diff --git a/packages/gatsby-transformer-xml/CHANGELOG.md b/packages/gatsby-transformer-xml/CHANGELOG.md
index cb331b5ec5048..5dc35cd795812 100644
--- a/packages/gatsby-transformer-xml/CHANGELOG.md
+++ b/packages/gatsby-transformer-xml/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-xml@3.0.0-next.0...gatsby-transformer-xml@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-xml
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-xml@2.11.0-next.0...gatsby-transformer-xml@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-xml
diff --git a/packages/gatsby-transformer-xml/package.json b/packages/gatsby-transformer-xml/package.json
index 0461075234109..02e73e460c777 100644
--- a/packages/gatsby-transformer-xml/package.json
+++ b/packages/gatsby-transformer-xml/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-xml",
   "description": "Gatsby plugin for parsing XML files. It supports also attributes",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <matthews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-xml#readme",
diff --git a/packages/gatsby-transformer-yaml/CHANGELOG.md b/packages/gatsby-transformer-yaml/CHANGELOG.md
index a78859ff1e03d..17fc994c45386 100644
--- a/packages/gatsby-transformer-yaml/CHANGELOG.md
+++ b/packages/gatsby-transformer-yaml/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-yaml@3.0.0-next.0...gatsby-transformer-yaml@3.1.0-next.0) (2021-02-26)
+
+**Note:** Version bump only for package gatsby-transformer-yaml
+
 # [3.0.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-transformer-yaml@2.12.0-next.0...gatsby-transformer-yaml@3.0.0-next.0) (2021-02-05)
 
 **Note:** Version bump only for package gatsby-transformer-yaml
diff --git a/packages/gatsby-transformer-yaml/package.json b/packages/gatsby-transformer-yaml/package.json
index ad21daa65fcfc..7cd04a85a2331 100644
--- a/packages/gatsby-transformer-yaml/package.json
+++ b/packages/gatsby-transformer-yaml/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-transformer-yaml",
   "description": "Gatsby transformer plugin for yaml",
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"
@@ -15,7 +15,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.1",
     "@babel/core": "^7.12.3",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3"
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-yaml#readme",
diff --git a/packages/gatsby/CHANGELOG.md b/packages/gatsby/CHANGELOG.md
index 7b3810b95606c..4ad004f087fe7 100644
--- a/packages/gatsby/CHANGELOG.md
+++ b/packages/gatsby/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.0](https://github.com/gatsbyjs/gatsby/compare/gatsby@3.0.0-next.9...gatsby@3.1.0-next.0) (2021-02-26)
+
+### Bug Fixes
+
+- **gatsby:** temporarily pin mini-css-extract-plugin version ([#29773](https://github.com/gatsbyjs/gatsby/issues/29773)) ([8967b88](https://github.com/gatsbyjs/gatsby/commit/8967b888b71ce2621b3f2957dae42f78b394ba20))
+
+### Features
+
+- **gatsby:** Add ignoreCase option for createRedirect and support it in client sid… ([#29714](https://github.com/gatsbyjs/gatsby/issues/29714)) ([09f58de](https://github.com/gatsbyjs/gatsby/commit/09f58defb6c3b4b26a3efbc8151fbf129e5cb7fd))
+- **gatsby:** Set up Fast Refresh ([#29588](https://github.com/gatsbyjs/gatsby/issues/29588)) ([e0bd955](https://github.com/gatsbyjs/gatsby/commit/e0bd955677dd23c26491e794d9a339eb343e632b))
+
 # [3.0.0-next.9](https://github.com/gatsbyjs/gatsby/compare/gatsby@3.0.0-next.8...gatsby@3.0.0-next.9) (2021-02-25)
 
 ### Bug Fixes
diff --git a/packages/gatsby/cache-dir/error-overlay-handler.js b/packages/gatsby/cache-dir/error-overlay-handler.js
index cf9361d02e6e2..9b9fa3067365c 100644
--- a/packages/gatsby/cache-dir/error-overlay-handler.js
+++ b/packages/gatsby/cache-dir/error-overlay-handler.js
@@ -1,43 +1,25 @@
-const overlayPackage = require(`@pmmmwh/react-refresh-webpack-plugin/overlay`)
-
-const ErrorOverlay = {
-  showCompileError: overlayPackage.showCompileError,
-  clearCompileError: overlayPackage.clearCompileError,
-}
-
 const errorMap = {}
 
-function flat(arr) {
-  return Array.prototype.flat ? arr.flat() : [].concat(...arr)
-}
-
 const handleErrorOverlay = () => {
   const errors = Object.values(errorMap)
-  let errorStringsToDisplay = []
+  let errorsToDisplay = []
   if (errors.length > 0) {
-    errorStringsToDisplay = flat(errors)
-      .map(error => {
-        if (typeof error === `string`) {
-          return error
-        } else if (typeof error === `object`) {
-          const errorStrBuilder = [error.text]
-
-          if (error.filePath) {
-            errorStrBuilder.push(`File: ${error.filePath}`)
-          }
-
-          return errorStrBuilder.join(`\n\n`)
-        }
-
-        return null
-      })
-      .filter(Boolean)
+    errorsToDisplay = errors.flatMap(e => e).filter(Boolean)
   }
 
-  if (errorStringsToDisplay.length > 0) {
-    ErrorOverlay.showCompileError(errorStringsToDisplay.join(`\n\n`))
+  if (errorsToDisplay.length > 0) {
+    window._gatsbyEvents.push([
+      `FAST_REFRESH`,
+      {
+        action: `SHOW_GRAPHQL_ERRORS`,
+        payload: errorsToDisplay,
+      },
+    ])
   } else {
-    ErrorOverlay.clearCompileError()
+    window._gatsbyEvents.push([
+      `FAST_REFRESH`,
+      { action: `CLEAR_GRAPHQL_ERRORS` },
+    ])
   }
 }
 
@@ -52,5 +34,3 @@ export const reportError = (errorID, error) => {
   }
   handleErrorOverlay()
 }
-
-export { errorMap }
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/accordion.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/accordion.js
new file mode 100644
index 0000000000000..235fb0e96f49c
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/accordion.js
@@ -0,0 +1,83 @@
+import * as React from "react"
+import { useId } from "./use-id"
+import * as keys from "../helpers/keys"
+import { match } from "../helpers/match"
+
+function ChevronIcon() {
+  return (
+    <svg
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      aria-hidden="true"
+      data-gatsby-overlay="chevron-icon"
+    >
+      <path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z" />
+    </svg>
+  )
+}
+
+export function Accordion({ children, ...rest }) {
+  return (
+    <ul data-gatsby-overlay="accordion" {...rest}>
+      {children}
+    </ul>
+  )
+}
+
+export function AccordionItem({
+  children,
+  disabled = false,
+  open = false,
+  title = `title`,
+  ...rest
+}) {
+  const [isOpen, setIsOpen] = React.useState(open)
+  const [prevIsOpen, setPrevIsOpen] = React.useState(open)
+  const id = useId(`accordion-item`)
+
+  if (open !== prevIsOpen) {
+    setIsOpen(open)
+    setPrevIsOpen(open)
+  }
+
+  const toggleOpen = () => {
+    const nextValue = !isOpen
+    setIsOpen(nextValue)
+  }
+
+  // If the AccordionItem is open, and the user hits the ESC key, then close it
+  const onKeyDown = event => {
+    if (isOpen && match(event, keys.Escape)) {
+      setIsOpen(false)
+    }
+  }
+
+  return (
+    <li
+      data-gatsby-overlay="accordion__item"
+      data-accordion-active={isOpen ? `true` : `false`}
+      {...rest}
+    >
+      <button
+        data-gatsby-overlay="accordion__item__heading"
+        type="button"
+        disabled={disabled}
+        aria-controls={id}
+        aria-expanded={isOpen}
+        onClick={toggleOpen}
+        onKeyDown={onKeyDown}
+      >
+        <ChevronIcon />
+        <div data-gatsby-overlay="accordion__item__title">{title}</div>
+      </button>
+      <div id={id} data-gatsby-overlay="accordion__item__content">
+        {children}
+      </div>
+    </li>
+  )
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/build-error.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/build-error.js
index 7992c126bdf96..f8da6ae62fecc 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/build-error.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/build-error.js
@@ -1,44 +1,35 @@
-import React from "react"
-import Overlay from "./overlay"
-import Anser from "anser"
-import CodeFrame from "./code-frame"
-import { prettifyStack } from "../utils"
+import * as React from "react"
+import { Overlay, Header, Body, Footer, HeaderOpenClose } from "./overlay"
+import { CodeFrame } from "./code-frame"
+import { prettifyStack, openInEditor } from "../utils"
 
-const BuildError = ({ error, open, dismiss }) => {
-  const [file, cause, _emptyLine, ...rest] = error.split(`\n`)
-  const [_fullPath, _detailedError] = rest
-  const detailedError = Anser.ansiToJson(_detailedError, {
-    remove_empty: true,
-    json: true,
-  })
-  const lineNumberRegex = /^[0-9]*:[0-9]*$/g
-  const lineNumberFiltered = detailedError.filter(
-    d => d.content !== ` ` && d.content.match(lineNumberRegex)
-  )[0]?.content
-  const lineNumber = lineNumberFiltered.substr(
-    0,
-    lineNumberFiltered.indexOf(`:`)
-  )
+// Error that is thrown on e.g. webpack errors and thus can't be dismissed and must be fixed
+export function BuildError({ error }) {
+  // Incoming build error shape is like this:
+  // ./relative-path-to-file
+  // Additional information (sometimes empty line => handled in "prettifyStack" function)
+  // /absolute-path-to-file
+  // Errors/Warnings
+  const [file, ...rest] = error.split(`\n`)
   const decoded = prettifyStack(rest)
 
-  const header = (
-    <>
-      <div data-gatsby-overlay="header__cause-file">
-        <p>{cause}</p>
-        <span>{file}</span>
-      </div>
-      <button
-        onClick={() => open(file, lineNumber)}
-        data-gatsby-overlay="header__open-in-editor"
-      >
-        Open in editor
-      </button>
-    </>
+  return (
+    <Overlay>
+      <Header data-gatsby-error-type="build-error">
+        <div data-gatsby-overlay="header__cause-file">
+          <h1 id="gatsby-overlay-labelledby">Failed to compile</h1>
+          <span>{file}</span>
+        </div>
+        <HeaderOpenClose open={() => openInEditor(file, 1)} dismiss={false} />
+      </Header>
+      <Body>
+        <h2>Source</h2>
+        <CodeFrame decoded={decoded} />
+      </Body>
+      <Footer id="gatsby-overlay-describedby">
+        This error occurred during the build process and can only be dismissed
+        by fixing the error.
+      </Footer>
+    </Overlay>
   )
-
-  const body = <CodeFrame decoded={decoded} />
-
-  return <Overlay header={header} body={body} dismiss={dismiss} />
 }
-
-export default BuildError
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/code-frame.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/code-frame.js
index 98bbe415d8725..ca7b63b76ef91 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/code-frame.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/code-frame.js
@@ -1,28 +1,54 @@
-import React from "react"
+import * as React from "react"
 
-const CodeFrame = ({ decoded }) => (
-  <pre data-gatsby-overlay="pre">
-    <code data-gatsby-overlay="pre__code">
-      {decoded
-        ? decoded.map((entry, index) => (
+export function CodeFrame({ decoded }) {
+  if (!decoded) {
+    return (
+      <pre data-gatsby-overlay="pre">
+        <code data-gatsby-overlay="pre__code" />
+      </pre>
+    )
+  }
+
+  return (
+    <pre data-gatsby-overlay="pre">
+      <code data-gatsby-overlay="pre__code">
+        {decoded.map((entry, index) => {
+          // Check if content is "Enter" and render other element that collapses
+          // Otherwise an empty line would be printed
+          if (
+            index === 0 &&
+            entry.content ===
+              `
+`
+          ) {
+            return (
+              <span
+                key={`frame-${index}`}
+                data-gatsby-overlay="pre__code__span__empty"
+              />
+            )
+          }
+
+          const style = {
+            color: entry.fg ? `var(--color-${entry.fg})` : undefined,
+            ...(entry.decoration === `bold`
+              ? { fontWeight: 800 }
+              : entry.decoration === `italic`
+              ? { fontStyle: `italic` }
+              : undefined),
+          }
+
+          return (
             <span
               key={`frame-${index}`}
               data-gatsby-overlay="pre__code__span"
-              style={{
-                color: entry.fg ? `var(--color-${entry.fg})` : undefined,
-                ...(entry.decoration === `bold`
-                  ? { fontWeight: 800 }
-                  : entry.decoration === `italic`
-                  ? { fontStyle: `italic` }
-                  : undefined),
-              }}
+              style={style}
             >
               {entry.content}
             </span>
-          ))
-        : null}
-    </code>
-  </pre>
-)
-
-export default CodeFrame
+          )
+        })}
+      </code>
+    </pre>
+  )
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/error-boundary.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/error-boundary.js
index 16d154286136a..d3a1d54c8816e 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/error-boundary.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/error-boundary.js
@@ -1,23 +1,14 @@
-import React from "react"
+import * as React from "react"
 
-class ErrorBoundary extends React.Component {
-  state = { hasError: false }
+export class ErrorBoundary extends React.Component {
+  state = { error: null }
 
   componentDidCatch(error) {
-    this.props.onError(error)
-  }
-
-  componentDidMount() {
-    this.props.clearErrors()
-  }
-
-  static getDerivedStateFromError() {
-    return { hasError: true }
+    this.setState({ error })
   }
 
   render() {
-    return this.state.hasError ? null : this.props.children
+    // Without this check => possible infinite loop
+    return this.state.error && this.props.hasErrors ? null : this.props.children
   }
 }
-
-export default ErrorBoundary
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/graphql-errors.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/graphql-errors.js
new file mode 100644
index 0000000000000..467f5439d4082
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/graphql-errors.js
@@ -0,0 +1,94 @@
+import * as React from "react"
+import { Body, Header, HeaderOpenClose, Overlay } from "./overlay"
+import { Accordion, AccordionItem } from "./accordion"
+import { openInEditor } from "../utils"
+
+function WrappedAccordionItem({ error, open }) {
+  const title =
+    error?.error?.message ||
+    error.context.sourceMessage ||
+    `Unknown GraphQL error`
+  const docsUrl = error?.docsUrl
+  const filePath = error?.filePath
+  const lineNumber = error?.location?.start?.line
+  const columnNumber = error?.location?.start?.column
+  let locString = ``
+  if (typeof lineNumber !== `undefined`) {
+    locString += `:${lineNumber}`
+    if (typeof columnNumber !== `undefined`) {
+      locString += `:${columnNumber}`
+    }
+  }
+
+  return (
+    <AccordionItem open={open} title={title}>
+      <div data-gatsby-overlay="body__graphql-error-message">
+        <div data-gatsby-overlay="codeframe__top">
+          <div data-gatsby-overlay="tag">
+            {error.level}
+            {` `}#{error.code}
+          </div>
+          <button
+            data-gatsby-overlay="body__open-in-editor"
+            onClick={() => openInEditor(filePath, lineNumber)}
+          >
+            Open in Editor
+          </button>
+        </div>
+        {filePath && (
+          <div data-gatsby-overlay="codeframe__top">
+            {filePath}
+            {locString}
+          </div>
+        )}
+        <pre data-gatsby-overlay="pre">
+          <code data-gatsby-overlay="pre__code">{error.text}</code>
+        </pre>
+        {docsUrl && (
+          <div data-gatsby-overlay="codeframe__bottom">
+            See our docs page for more info on this error:{` `}
+            <a href={docsUrl}>{docsUrl}</a>
+          </div>
+        )}
+      </div>
+    </AccordionItem>
+  )
+}
+
+export function GraphqlErrors({ errors, dismiss }) {
+  const deduplicatedErrors = React.useMemo(() => [...new Set(errors)], [errors])
+  const hasMultipleErrors = deduplicatedErrors.length > 1
+  return (
+    <Overlay>
+      <Header data-gatsby-error-type="graphql-error">
+        <div data-gatsby-overlay="header__cause-file">
+          <h1 id="gatsby-overlay-labelledby">
+            {hasMultipleErrors
+              ? `${errors.length} Unhandled GraphQL Errors`
+              : `Unhandled GraphQL Error`}
+          </h1>
+        </div>
+        <HeaderOpenClose dismiss={dismiss} />
+      </Header>
+      <Body>
+        <p
+          data-gatsby-overlay="body__describedby"
+          id="gatsby-overlay-describedby"
+        >
+          {hasMultipleErrors ? `Multiple` : `One`} unhandled GraphQL{` `}
+          {hasMultipleErrors ? `errors` : `error`} found in your files. See the
+          list below to fix {hasMultipleErrors ? `them` : `it`}:
+        </p>
+        <Accordion>
+          {deduplicatedErrors.map((error, index) => (
+            <WrappedAccordionItem
+              open={index === 0}
+              error={error}
+              key={`${error.sourceMessage}-${index}`}
+            />
+          ))}
+        </Accordion>
+      </Body>
+    </Overlay>
+  )
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/hooks.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/hooks.js
new file mode 100644
index 0000000000000..db8507a2e65eb
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/hooks.js
@@ -0,0 +1,38 @@
+import * as React from "react"
+import { prettifyStack } from "../utils"
+
+export function useStackFrame({ moduleId, lineNumber, columnNumber }) {
+  const url =
+    `/__original-stack-frame?moduleId=` +
+    window.encodeURIComponent(moduleId) +
+    `&lineNumber=` +
+    window.encodeURIComponent(lineNumber) +
+    `&columnNumber=` +
+    window.encodeURIComponent(columnNumber)
+
+  const [response, setResponse] = React.useState({
+    decoded: null,
+    sourcePosition: {
+      line: null,
+      number: null,
+    },
+    sourceContent: null,
+  })
+
+  React.useEffect(() => {
+    async function fetchData() {
+      const res = await fetch(url)
+      const json = await res.json()
+      const decoded = prettifyStack(json.codeFrame)
+      const { sourcePosition, sourceContent } = json
+      setResponse({
+        decoded,
+        sourceContent,
+        sourcePosition,
+      })
+    }
+    fetchData()
+  }, [])
+
+  return response
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/overlay.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/overlay.js
index 3d2c22de26c17..05ed6993840e8 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/overlay.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/overlay.js
@@ -1,43 +1,142 @@
-import React from "react"
+import * as React from "react"
+import { lock, unlock } from "../helpers/lock-body"
+import a11yTrap from "../helpers/focus-trap"
 
-export default function Overlay({ header, body, dismiss }) {
+function Backdrop() {
+  return <div data-gatsby-overlay="backdrop" />
+}
+
+export function VisuallyHidden({ children }) {
+  return (
+    <span
+      style={{
+        border: 0,
+        clip: `rect(0 0 0 0)`,
+        height: `1px`,
+        margin: `-1px`,
+        overflow: `hidden`,
+        padding: 0,
+        position: `absolute`,
+        width: `1px`,
+        whiteSpace: `nowrap`,
+        wordWrap: `normal`,
+      }}
+    >
+      {children}
+    </span>
+  )
+}
+
+export function Overlay({ children }) {
+  React.useEffect(() => {
+    lock()
+
+    return () => {
+      unlock()
+    }
+  }, [])
+
+  const [overlay, setOverlay] = React.useState(null)
+  const onOverlay = React.useCallback(el => {
+    setOverlay(el)
+  }, [])
+
+  React.useEffect(() => {
+    if (overlay === null) {
+      return
+    }
+
+    const handle = a11yTrap({ context: overlay })
+
+    // eslint-disable-next-line consistent-return
+    return () => {
+      handle.disengage()
+    }
+  }, [overlay])
+
+  return (
+    <div data-gatsby-overlay="wrapper" ref={onOverlay}>
+      <Backdrop />
+      <div
+        data-gatsby-overlay="root"
+        role="alertdialog"
+        aria-labelledby="gatsby-overlay-labelledby"
+        aria-describedby="gatsby-overlay-describedby"
+        aria-modal="true"
+      >
+        {children}
+      </div>
+    </div>
+  )
+}
+
+export function CloseButton({ dismiss }) {
   return (
-    <>
-      <div data-gatsby-overlay="backdrop" />
-      <div data-gatsby-overlay="root" role="dialog" aria-modal="true">
-        <div data-gatsby-overlay="header">
-          {header}
-          <button
-            data-gatsby-overlay="header__close-button"
-            aria-label="Close error overlay"
-            onClick={dismiss}
-          >
-            <svg
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M18 6L6 18"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              />
-              <path
-                d="M6 6L18 18"
-                stroke="currentColor"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              />
-            </svg>
+    <button data-gatsby-overlay="header__close-button" onClick={dismiss}>
+      <VisuallyHidden>Close</VisuallyHidden>
+      <svg
+        aria-hidden={true}
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M18 6L6 18"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M6 6L18 18"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </button>
+  )
+}
+
+export function HeaderOpenClose({ open, dismiss, children, ...rest }) {
+  return (
+    <div data-gatsby-overlay="header__top" {...rest}>
+      {children}
+      <div data-gatsby-overlay="header__open-close">
+        {open && (
+          <button onClick={open} data-gatsby-overlay="header__open-in-editor">
+            Open in editor
           </button>
-        </div>
-        <div data-gatsby-overlay="body">{body}</div>
+        )}
+        {dismiss && <CloseButton dismiss={dismiss} />}
       </div>
-    </>
+    </div>
+  )
+}
+
+export function Header({ children, ...rest }) {
+  return (
+    <header data-gatsby-overlay="header" {...rest}>
+      {children}
+    </header>
+  )
+}
+
+export function Body({ children, ...rest }) {
+  return (
+    <div data-gatsby-overlay="body" {...rest}>
+      {children}
+    </div>
+  )
+}
+
+export function Footer({ children, ...rest }) {
+  return (
+    <footer data-gatsby-overlay="footer" {...rest}>
+      {children}
+    </footer>
   )
 }
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/portal.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/portal.js
index 3cc52e82175ac..d995e9ca08dbd 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/portal.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/portal.js
@@ -1,7 +1,7 @@
 import * as React from "react"
 import { createPortal } from "react-dom"
 
-const ShadowPortal = function Portal({ children }) {
+export const ShadowPortal = function Portal({ children }) {
   const mountNode = React.useRef(null)
   const portalNode = React.useRef(null)
   const shadowNode = React.useRef(null)
@@ -9,7 +9,7 @@ const ShadowPortal = function Portal({ children }) {
 
   React.useLayoutEffect(() => {
     const ownerDocument = mountNode.current.ownerDocument
-    portalNode.current = ownerDocument.createElement(`gatsby-portal`)
+    portalNode.current = ownerDocument.createElement(`gatsby-fast-refresh`)
     shadowNode.current = portalNode.current.attachShadow({ mode: `open` })
     ownerDocument.body.appendChild(portalNode.current)
     forceUpdate({})
@@ -26,5 +26,3 @@ const ShadowPortal = function Portal({ children }) {
     <span ref={mountNode} />
   )
 }
-
-export default ShadowPortal
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/runtime-error.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/runtime-error.js
deleted file mode 100644
index dc5c718faba15..0000000000000
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/runtime-error.js
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from "react"
-import StackTrace from "stack-trace"
-import Overlay from "./overlay"
-import { prettifyStack } from "../utils"
-import CodeFrame from "./code-frame"
-
-function formatFilename(filename) {
-  const htmlMatch = /^https?:\/\/(.*)\/(.*)/.exec(filename)
-  if (htmlMatch && htmlMatch[1] && htmlMatch[2]) {
-    return htmlMatch[2]
-  }
-
-  const sourceMatch = /^webpack-internal:\/\/\/(.*)$/.exec(filename)
-  if (sourceMatch && sourceMatch[1]) {
-    return sourceMatch[1]
-  }
-
-  return filename
-}
-
-const useFetch = url => {
-  const [response, setResponse] = React.useState({
-    decoded: null,
-    sourcePosition: {
-      line: null,
-      number: null,
-    },
-    sourceContent: null,
-  })
-  React.useEffect(() => {
-    async function fetchData() {
-      const res = await fetch(url)
-      const json = await res.json()
-      const decoded = prettifyStack(json.codeFrame)
-      const { sourcePosition, sourceContent } = json
-      setResponse({
-        decoded,
-        sourceContent,
-        sourcePosition,
-      })
-    }
-    fetchData()
-  }, [])
-  return response
-}
-
-function getCodeFrameInformation(stackTrace) {
-  const callSite = stackTrace.find(CallSite => CallSite.getFileName())
-  if (!callSite) {
-    return null
-  }
-
-  const moduleId = formatFilename(callSite.getFileName())
-  const lineNumber = callSite.getLineNumber()
-  const columnNumber = callSite.getColumnNumber()
-  const functionName = callSite.getFunctionName()
-
-  return {
-    moduleId,
-    lineNumber,
-    columnNumber,
-    functionName,
-  }
-}
-
-const RuntimeError = ({ error, open, dismiss }) => {
-  const stacktrace = StackTrace.parse(error.error)
-  const {
-    moduleId,
-    lineNumber,
-    columnNumber,
-    functionName,
-  } = getCodeFrameInformation(stacktrace)
-
-  const res = useFetch(
-    `/__original-stack-frame?moduleId=` +
-      window.encodeURIComponent(moduleId) +
-      `&lineNumber=` +
-      window.encodeURIComponent(lineNumber) +
-      `&columnNumber=` +
-      window.encodeURIComponent(columnNumber)
-  )
-
-  const header = (
-    <>
-      <div data-gatsby-overlay="header__cause-file">
-        <p>Unhandled Runtime Error</p>
-        <span>{moduleId}</span>
-      </div>
-      <button
-        onClick={() => open(moduleId, res.sourcePosition.line)}
-        data-gatsby-overlay="header__open-in-editor"
-      >
-        Open in editor
-      </button>
-    </>
-  )
-  const body = (
-    <>
-      <p data-gatsby-overlay="body__error-message-header">
-        Error in function <span data-font-weight="bold">{functionName}</span>
-      </p>
-      <p data-gatsby-overlay="body__error-message">{error.error.message}</p>
-      <CodeFrame decoded={res.decoded} />
-    </>
-  )
-
-  return <Overlay header={header} body={body} dismiss={dismiss} />
-}
-
-export default RuntimeError
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/runtime-errors.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/runtime-errors.js
new file mode 100644
index 0000000000000..125767e4fb483
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/runtime-errors.js
@@ -0,0 +1,92 @@
+import * as React from "react"
+import StackTrace from "stack-trace"
+import { Overlay, Header, HeaderOpenClose, Body } from "./overlay"
+import { useStackFrame } from "./hooks"
+import { CodeFrame } from "./code-frame"
+import { getCodeFrameInformation, openInEditor } from "../utils"
+import { Accordion, AccordionItem } from "./accordion"
+
+function WrappedAccordionItem({ error, open }) {
+  const stacktrace = StackTrace.parse(error)
+  const codeFrameInformation = getCodeFrameInformation(stacktrace)
+  const filePath = codeFrameInformation?.moduleId
+  const lineNumber = codeFrameInformation?.lineNumber
+  const columnNumber = codeFrameInformation?.columnNumber
+  const name = codeFrameInformation?.functionName
+
+  const res = useStackFrame({ moduleId: filePath, lineNumber, columnNumber })
+  const line = res.sourcePosition?.line
+
+  const Title = () => {
+    if (!name) {
+      return <>Unknown Runtime Error</>
+    }
+
+    return (
+      <>
+        Error in function{` `}
+        <span data-font-weight="bold">{name}</span> in{` `}
+        <span data-font-weight="bold">
+          {filePath}:{line}
+        </span>
+      </>
+    )
+  }
+
+  return (
+    <AccordionItem open={open} title={<Title />}>
+      <p data-gatsby-overlay="body__error-message">{error.message}</p>
+      <div data-gatsby-overlay="codeframe__top">
+        <div>
+          {filePath}:{line}
+        </div>
+        <button
+          data-gatsby-overlay="body__open-in-editor"
+          onClick={() => openInEditor(filePath, line)}
+        >
+          Open in Editor
+        </button>
+      </div>
+      <CodeFrame decoded={res.decoded} />
+    </AccordionItem>
+  )
+}
+
+export function RuntimeErrors({ errors, dismiss }) {
+  const deduplicatedErrors = React.useMemo(() => [...new Set(errors)], [errors])
+  const hasMultipleErrors = deduplicatedErrors.length > 1
+
+  return (
+    <Overlay>
+      <Header data-gatsby-error-type="runtime-error">
+        <div data-gatsby-overlay="header__cause-file">
+          <h1 id="gatsby-overlay-labelledby">
+            {hasMultipleErrors
+              ? `${errors.length} Unhandled Runtime Errors`
+              : `Unhandled Runtime Error`}
+          </h1>
+        </div>
+        <HeaderOpenClose dismiss={dismiss} />
+      </Header>
+      <Body>
+        <p
+          data-gatsby-overlay="body__describedby"
+          id="gatsby-overlay-describedby"
+        >
+          {hasMultipleErrors ? `Multiple` : `One`} unhandled runtime{` `}
+          {hasMultipleErrors ? `errors` : `error`} found in your files. See the
+          list below to fix {hasMultipleErrors ? `them` : `it`}:
+        </p>
+        <Accordion>
+          {deduplicatedErrors.map((error, index) => (
+            <WrappedAccordionItem
+              open={index === 0}
+              key={`${error.message}-${index}`}
+              error={error}
+            />
+          ))}
+        </Accordion>
+      </Body>
+    </Overlay>
+  )
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/style.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/style.js
deleted file mode 100644
index d7bdf8ec5d65d..0000000000000
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/components/style.js
+++ /dev/null
@@ -1,170 +0,0 @@
-import React from "react"
-
-function css(strings, ...keys) {
-  const lastIndex = strings.length - 1
-  return (
-    strings.slice(0, lastIndex).reduce((p, s, i) => p + s + keys[i], ``) +
-    strings[lastIndex]
-  )
-}
-
-const Style = () => (
-  <style
-    dangerouslySetInnerHTML={{
-      __html: css`
-        :host {
-          --gatsby: #663399;
-          --gatsbyLight: #9158ca;
-          --dimmedWhite: rgba(255, 255, 255, 0.8);
-          --white: #ffffff;
-          --black: #000000;
-          --color-ansi-selection: rgba(95, 126, 151, 0.48);
-          --color-ansi-bg: #fafafa;
-          --color-ansi-fg: #545454;
-          --color-ansi-white: #969896;
-          --color-ansi-black: #141414;
-          --color-ansi-blue: #183691;
-          --color-ansi-cyan: #007faa;
-          --color-ansi-green: #008000;
-          --color-ansi-magenta: #795da3;
-          --color-ansi-red: #d91e18;
-          --color-ansi-yellow: #aa5d00;
-          --color-ansi-bright-white: #ffffff;
-          --color-ansi-bright-black: #545454;
-          --color-ansi-bright-blue: #183691;
-          --color-ansi-bright-cyan: #007faa;
-          --color-ansi-bright-green: #008000;
-          --color-ansi-bright-magenta: #795da3;
-          --color-ansi-bright-red: #d91e18;
-          --color-ansi-bright-yellow: #aa5d00;
-          --radii: 5px;
-          --z-index-normal: 5;
-          --z-index-elevated: 10;
-          --space: 1.5em;
-          --space-sm: 1em;
-          --space-lg: 2.5em;
-        }
-
-        [data-gatsby-overlay="backdrop"] {
-          background: rgba(72, 67, 79, 0.5);
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          height: 100%;
-          width: 100%;
-          z-index: var(--z-index-normal);
-          backdrop-filter: blur(10px);
-        }
-
-        [data-gatsby-overlay="root"] {
-          font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-            Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-            "Segoe UI Symbol" !important;
-          background: var(--color-ansi-bright-white);
-          position: fixed;
-          max-width: 75%;
-          min-width: 600px;
-          max-height: 90%;
-          top: 50%;
-          left: 50%;
-          transform: translateX(-50%) translateY(-50%);
-          box-shadow: rgba(46, 41, 51, 0.08) 0px 7px 19px 11px,
-            rgba(71, 63, 79, 0.08) 0px 2px 4px;
-          border-radius: var(--radii);
-          display: inline-flex;
-          flex-direction: column;
-          z-index: var(--z-index-elevated);
-        }
-
-        [data-gatsby-overlay="header"] {
-          display: flex;
-          align-items: center;
-          color: var(--dimmedWhite);
-          background: var(--gatsby);
-          padding: var(--space);
-          border-top-left-radius: var(--radii);
-          border-top-right-radius: var(--radii);
-        }
-
-        [data-gatsby-overlay="body"] {
-          padding: var(--space);
-          overflow: auto;
-        }
-
-        [data-gatsby-overlay="body"] pre {
-          margin: 0;
-          color: var(--color-ansi-fg);
-          background: var(--color-ansi-bg);
-          padding: var(--space-sm);
-          border-radius: var(--radii);
-        }
-
-        [data-gatsby-overlay="header__cause-file"] {
-          flex: 1;
-        }
-
-        [data-gatsby-overlay="header__cause-file"] p {
-          margin-top: 0;
-          margin-bottom: 0;
-        }
-
-        [data-gatsby-overlay="header__cause-file"] span {
-          font-size: 1.25em;
-          color: var(--white);
-        }
-
-        [data-gatsby-overlay="header__open-in-editor"] {
-          align-items: center;
-          border-radius: var(--radii);
-          justify-content: center;
-          line-height: 1;
-          cursor: pointer;
-          color: var(--white);
-          border: 1px solid var(--gatsby);
-          background: var(--gatsbyLight);
-          font-size: 1em;
-          height: 2em;
-          min-width: 2em;
-          padding: 0.25em 0.75em;
-          margin-left: var(--space-lg);
-        }
-
-        [data-gatsby-overlay="header__close-button"] {
-          cursor: pointer;
-          border: 0;
-          padding: 0;
-          background-color: var(--gatsbyLight);
-          color: var(--white);
-          appearance: none;
-          height: 36px;
-          width: 36px;
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          border-radius: var(--radii);
-          margin-left: 1rem;
-        }
-
-        [data-gatsby-overlay="body__error-message-header"] {
-          margin-top: 0;
-          font-size: 1.2em;
-          color: var(--black);
-          margin-bottom: 0.25em;
-        }
-
-        [data-gatsby-overlay="body__error-message"] {
-          margin-top: 0;
-          margin-bottom: 2em;
-        }
-
-        [data-font-weight="bold"] {
-          font-weight: 600;
-        }
-      `,
-    }}
-  />
-)
-
-export default Style
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/components/use-id.js b/packages/gatsby/cache-dir/fast-refresh-overlay/components/use-id.js
new file mode 100644
index 0000000000000..cb8ee81d03f9f
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/components/use-id.js
@@ -0,0 +1,56 @@
+// Copied from https://github.com/carbon-design-system/carbon
+// License: Apache-2.0
+// Copyright IBM Corp. 2016, 2018
+// Entrypoint: packages/react/src/internal/useId.js
+
+function setupGetInstanceId() {
+  let instanceId = 0
+  return function getInstanceId() {
+    return ++instanceId
+  }
+}
+
+import * as React from "react"
+
+const getId = setupGetInstanceId()
+const useIsomorphicLayoutEffect = canUseDOM()
+  ? React.useLayoutEffect
+  : React.useEffect
+
+function canUseDOM() {
+  return !!(
+    typeof window !== `undefined` &&
+    window.document &&
+    window.document.createElement
+  )
+}
+
+let serverHandoffCompleted = false
+
+/**
+ * Generate a unique ID with an optional prefix prepended to it
+ * @param {string} [prefix]
+ * @returns {string}
+ */
+export function useId(prefix = `id`) {
+  const [id, setId] = React.useState(() => {
+    if (serverHandoffCompleted) {
+      return `${prefix}-${getId()}`
+    }
+    return null
+  })
+
+  useIsomorphicLayoutEffect(() => {
+    if (id === null) {
+      setId(`${prefix}-${getId()}`)
+    }
+  }, [getId])
+
+  React.useEffect(() => {
+    if (serverHandoffCompleted === false) {
+      serverHandoffCompleted = true
+    }
+  }, [])
+
+  return id
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/focus-trap.js b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/focus-trap.js
new file mode 100644
index 0000000000000..d5efab2b0932c
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/focus-trap.js
@@ -0,0 +1,3561 @@
+/* eslint-disable */
+// Adapted from https://github.com/medialize/ally.js
+// License: MIT
+// Copyright (c) 2015 Rodney Rehm
+//
+// Entrypoint: ally.js/maintain/tab-focus
+
+import _platform from 'platform'
+import cssEscape from 'css.escape'
+
+// input may be undefined, selector-tring, Node, NodeList, HTMLCollection, array of Nodes
+// yes, to some extent this is a bad replica of jQuery's constructor function
+function nodeArray(input) {
+  if (!input) {
+    return []
+  }
+
+  if (Array.isArray(input)) {
+    return input
+  }
+
+  // instanceof Node - does not work with iframes
+  if (input.nodeType !== undefined) {
+    return [input]
+  }
+
+  if (typeof input === 'string') {
+    input = document.querySelectorAll(input)
+  }
+
+  if (input.length !== undefined) {
+    return [].slice.call(input, 0)
+  }
+
+  throw new TypeError('unexpected input ' + String(input))
+}
+
+function contextToElement(_ref) {
+  var context = _ref.context,
+    _ref$label = _ref.label,
+    label = _ref$label === undefined ? 'context-to-element' : _ref$label,
+    resolveDocument = _ref.resolveDocument,
+    defaultToDocument = _ref.defaultToDocument
+
+  var element = nodeArray(context)[0]
+
+  if (resolveDocument && element && element.nodeType === Node.DOCUMENT_NODE) {
+    element = element.documentElement
+  }
+
+  if (!element && defaultToDocument) {
+    return document.documentElement
+  }
+
+  if (!element) {
+    throw new TypeError(label + ' requires valid options.context')
+  }
+
+  if (
+    element.nodeType !== Node.ELEMENT_NODE &&
+    element.nodeType !== Node.DOCUMENT_FRAGMENT_NODE
+  ) {
+    throw new TypeError(label + ' requires options.context to be an Element')
+  }
+
+  return element
+}
+
+function getShadowHost() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context
+
+  var element = contextToElement({
+    label: 'get/shadow-host',
+    context: context,
+  })
+
+  // walk up to the root
+  var container = null
+
+  while (element) {
+    container = element
+    element = element.parentNode
+  }
+
+  // https://developer.mozilla.org/en-US/docs/Web/API/Node.nodeType
+  // NOTE: Firefox 34 does not expose ShadowRoot.host (but 37 does)
+  if (
+    container.nodeType === container.DOCUMENT_FRAGMENT_NODE &&
+    container.host
+  ) {
+    // the root is attached to a fragment node that has a host
+    return container.host
+  }
+
+  return null
+}
+
+function getDocument(node) {
+  if (!node) {
+    return document
+  }
+
+  if (node.nodeType === Node.DOCUMENT_NODE) {
+    return node
+  }
+
+  return node.ownerDocument || document
+}
+
+function isActiveElement(context) {
+  var element = contextToElement({
+    label: 'is/active-element',
+    resolveDocument: true,
+    context: context,
+  })
+
+  var _document = getDocument(element)
+  if (_document.activeElement === element) {
+    return true
+  }
+
+  var shadowHost = getShadowHost({ context: element })
+  if (shadowHost && shadowHost.shadowRoot.activeElement === element) {
+    return true
+  }
+
+  return false
+}
+
+// [elem, elem.parent, elem.parent.parent, …, html]
+// will not contain the shadowRoot (DOCUMENT_FRAGMENT_NODE) and shadowHost
+function getParents() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context
+
+  var list = []
+  var element = contextToElement({
+    label: 'get/parents',
+    context: context,
+  })
+
+  while (element) {
+    list.push(element)
+    // IE does know support parentElement on SVGElement
+    element = element.parentNode
+    if (element && element.nodeType !== Node.ELEMENT_NODE) {
+      element = null
+    }
+  }
+
+  return list
+}
+
+// Element.prototype.matches may be available at a different name
+// https://developer.mozilla.org/en/docs/Web/API/Element/matches
+
+var names = [
+  'matches',
+  'webkitMatchesSelector',
+  'mozMatchesSelector',
+  'msMatchesSelector',
+]
+var name = null
+
+function findMethodName(element) {
+  names.some(function (_name) {
+    if (!element[_name]) {
+      return false
+    }
+
+    name = _name
+    return true
+  })
+}
+
+function elementMatches(element, selector) {
+  if (!name) {
+    findMethodName(element)
+  }
+
+  return element[name](selector)
+}
+
+// deep clone of original platform
+var platform = JSON.parse(JSON.stringify(_platform))
+
+// operating system
+var os = platform.os.family || ''
+var ANDROID = os === 'Android'
+var WINDOWS = os.slice(0, 7) === 'Windows'
+var OSX = os === 'OS X'
+var IOS = os === 'iOS'
+
+// layout
+var BLINK = platform.layout === 'Blink'
+var GECKO = platform.layout === 'Gecko'
+var TRIDENT = platform.layout === 'Trident'
+var EDGE = platform.layout === 'EdgeHTML'
+var WEBKIT = platform.layout === 'WebKit'
+
+// browser version (not layout engine version!)
+var version = parseFloat(platform.version)
+var majorVersion = Math.floor(version)
+platform.majorVersion = majorVersion
+
+platform.is = {
+  // operating system
+  ANDROID: ANDROID,
+  WINDOWS: WINDOWS,
+  OSX: OSX,
+  IOS: IOS,
+  // layout
+  BLINK: BLINK, // "Chrome", "Chrome Mobile", "Opera"
+  GECKO: GECKO, // "Firefox"
+  TRIDENT: TRIDENT, // "Internet Explorer"
+  EDGE: EDGE, // "Microsoft Edge"
+  WEBKIT: WEBKIT, // "Safari"
+  // INTERNET EXPLORERS
+  IE9: TRIDENT && majorVersion === 9,
+  IE10: TRIDENT && majorVersion === 10,
+  IE11: TRIDENT && majorVersion === 11,
+}
+
+function before() {
+  var data = {
+    // remember what had focus to restore after test
+    activeElement: document.activeElement,
+    // remember scroll positions to restore after test
+    windowScrollTop: window.scrollTop,
+    windowScrollLeft: window.scrollLeft,
+    bodyScrollTop: document.body.scrollTop,
+    bodyScrollLeft: document.body.scrollLeft,
+  }
+
+  // wrap tests in an element hidden from screen readers to prevent them
+  // from announcing focus, which can be quite irritating to the user
+  var iframe = document.createElement('iframe')
+  iframe.setAttribute(
+    'style',
+    'position:absolute; position:fixed; top:0; left:-2px; width:1px; height:1px; overflow:hidden;'
+  )
+  iframe.setAttribute('aria-live', 'off')
+  iframe.setAttribute('aria-busy', 'true')
+  iframe.setAttribute('aria-hidden', 'true')
+  document.body.appendChild(iframe)
+
+  var _window = iframe.contentWindow
+  var _document = _window.document
+
+  _document.open()
+  _document.close()
+  var wrapper = _document.createElement('div')
+  _document.body.appendChild(wrapper)
+
+  data.iframe = iframe
+  data.wrapper = wrapper
+  data.window = _window
+  data.document = _document
+
+  return data
+}
+
+// options.element:
+//  {string} element name
+//  {function} callback(wrapper, document) to generate an element
+// options.mutate: (optional)
+//  {function} callback(element, wrapper, document) to manipulate element prior to focus-test.
+//             Can return DOMElement to define focus target (default: element)
+// options.validate: (optional)
+//  {function} callback(element, focusTarget, document) to manipulate test-result
+function test(data, options) {
+  // make sure we operate on a clean slate
+  data.wrapper.innerHTML = ''
+  // create dummy element to test focusability of
+  var element =
+    typeof options.element === 'string'
+      ? data.document.createElement(options.element)
+      : options.element(data.wrapper, data.document)
+  // allow callback to further specify dummy element
+  // and optionally define element to focus
+  var focus =
+    options.mutate && options.mutate(element, data.wrapper, data.document)
+  if (!focus && focus !== false) {
+    focus = element
+  }
+  // element needs to be part of the DOM to be focusable
+  !element.parentNode && data.wrapper.appendChild(element)
+  // test if the element with invalid tabindex can be focused
+  focus && focus.focus && focus.focus()
+  // validate test's result
+  return options.validate
+    ? options.validate(element, focus, data.document)
+    : data.document.activeElement === focus
+}
+
+function after(data) {
+  // restore focus to what it was before test and cleanup
+  if (data.activeElement === document.body) {
+    document.activeElement &&
+    document.activeElement.blur &&
+    document.activeElement.blur()
+    if (platform.is.IE10) {
+      // IE10 does not redirect focus to <body> when the activeElement is removed
+      document.body.focus()
+    }
+  } else {
+    data.activeElement && data.activeElement.focus && data.activeElement.focus()
+  }
+
+  document.body.removeChild(data.iframe)
+
+  // restore scroll position
+  window.scrollTop = data.windowScrollTop
+  window.scrollLeft = data.windowScrollLeft
+  document.body.scrollTop = data.bodyScrollTop
+  document.body.scrollLeft = data.bodyScrollLeft
+}
+
+function detectFocus(tests) {
+  var data = before()
+
+  var results = {}
+  Object.keys(tests).map(function (key) {
+    results[key] = test(data, tests[key])
+  })
+
+  after(data)
+  return results
+}
+
+// this file is overwritten by `npm run build:pre`
+var version$1 = '1.4.1'
+
+/*
+    Facility to cache test results in localStorage.
+
+    USAGE:
+      cache.get('key');
+      cache.set('key', 'value');
+ */
+
+function readLocalStorage(key) {
+  // allow reading from storage to retrieve previous support results
+  // even while the document does not have focus
+  var data = void 0
+
+  try {
+    data = window.localStorage && window.localStorage.getItem(key)
+    data = data ? JSON.parse(data) : {}
+  } catch (e) {
+    data = {}
+  }
+
+  return data
+}
+
+function writeLocalStorage(key, value) {
+  if (!document.hasFocus()) {
+    // if the document does not have focus when tests are executed, focus() may
+    // not be handled properly and events may not be dispatched immediately.
+    // This can happen when a document is reloaded while Developer Tools have focus.
+    try {
+      window.localStorage && window.localStorage.removeItem(key)
+    } catch (e) {
+      // ignore
+    }
+
+    return
+  }
+
+  try {
+    window.localStorage &&
+    window.localStorage.setItem(key, JSON.stringify(value))
+  } catch (e) {
+    // ignore
+  }
+}
+
+var userAgent =
+  (typeof window !== 'undefined' && window.navigator.userAgent) || ''
+var cacheKey = 'ally-supports-cache'
+var cache = readLocalStorage(cacheKey)
+
+// update the cache if ally or the user agent changed (newer version, etc)
+if (cache.userAgent !== userAgent || cache.version !== version$1) {
+  cache = {}
+}
+
+cache.userAgent = userAgent
+cache.version = version$1
+
+var cache$1 = {
+  get: function get() {
+    return cache
+  },
+  set: function set(values) {
+    Object.keys(values).forEach(function (key) {
+      cache[key] = values[key]
+    })
+
+    cache.time = new Date().toISOString()
+    writeLocalStorage(cacheKey, cache)
+  },
+}
+
+function cssShadowPiercingDeepCombinator() {
+  var combinator = void 0
+
+  // see https://dev.w3.org/csswg/css-scoping-1/#deep-combinator
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=1117572
+  // https://code.google.com/p/chromium/issues/detail?id=446051
+  try {
+    document.querySelector('html >>> :first-child')
+    combinator = '>>>'
+  } catch (noArrowArrowArrow) {
+    try {
+      // old syntax supported at least up to Chrome 41
+      // https://code.google.com/p/chromium/issues/detail?id=446051
+      document.querySelector('html /deep/ :first-child')
+      combinator = '/deep/'
+    } catch (noDeep) {
+      combinator = ''
+    }
+  }
+
+  return combinator
+}
+
+var gif =
+  'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+var focusAreaImgTabindex = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<map name="image-map-tabindex-test">' +
+      '<area shape="rect" coords="63,19,144,45"></map>' +
+      '<img usemap="#image-map-tabindex-test" tabindex="-1" alt="" src="' +
+      gif +
+      '">'
+
+    return element.querySelector('area')
+  },
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+var focusAreaTabindex = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<map name="image-map-tabindex-test">' +
+      '<area href="#void" tabindex="-1" shape="rect" coords="63,19,144,45"></map>' +
+      '<img usemap="#image-map-tabindex-test" alt="" src="' +
+      gif +
+      '">'
+
+    return false
+  },
+  validate: function validate(element, focusTarget, _document) {
+    if (platform.is.GECKO) {
+      // fixes https://github.com/medialize/ally.js/issues/35
+      // Firefox loads the DataURI asynchronously, causing a false-negative
+      return true
+    }
+
+    var focus = element.querySelector('area')
+    focus.focus()
+    return _document.activeElement === focus
+  },
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+var focusAreaWithoutHref = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<map name="image-map-area-href-test">' +
+      '<area shape="rect" coords="63,19,144,45"></map>' +
+      '<img usemap="#image-map-area-href-test" alt="" src="' +
+      gif +
+      '">'
+
+    return element.querySelector('area')
+  },
+  validate: function validate(element, focusTarget, _document) {
+    if (platform.is.GECKO) {
+      // fixes https://github.com/medialize/ally.js/issues/35
+      // Firefox loads the DataURI asynchronously, causing a false-negative
+      return true
+    }
+
+    return _document.activeElement === focusTarget
+  },
+}
+
+var focusAudioWithoutControls = {
+  name: 'can-focus-audio-without-controls',
+  element: 'audio',
+  mutate: function mutate(element) {
+    try {
+      // invalid media file can trigger warning in console, data-uri to prevent HTTP request
+      element.setAttribute('src', gif)
+    } catch (e) {
+      // IE9 may throw "Error: Not implemented"
+    }
+  },
+}
+
+var invalidGif =
+  'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ'
+
+// NOTE: https://github.com/medialize/ally.js/issues/35
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+var focusBrokenImageMap = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<map name="broken-image-map-test"><area href="#void" shape="rect" coords="63,19,144,45"></map>' +
+      '<img usemap="#broken-image-map-test" alt="" src="' +
+      invalidGif +
+      '">'
+
+    return element.querySelector('area')
+  },
+}
+
+// Children of focusable elements with display:flex are focusable in IE10-11
+var focusChildrenOfFocusableFlexbox = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.setAttribute('tabindex', '-1')
+    element.setAttribute(
+      'style',
+      'display: -webkit-flex; display: -ms-flexbox; display: flex;'
+    )
+    element.innerHTML = '<span style="display: block;">hello</span>'
+    return element.querySelector('span')
+  },
+}
+
+// fieldset[tabindex=0][disabled] should not be focusable, but Blink and WebKit disagree
+// @specification https://www.w3.org/TR/html5/disabled-elements.html#concept-element-disabled
+// @browser-issue Chromium https://crbug.com/453847
+// @browser-issue WebKit https://bugs.webkit.org/show_bug.cgi?id=141086
+var focusFieldsetDisabled = {
+  element: 'fieldset',
+  mutate: function mutate(element) {
+    element.setAttribute('tabindex', 0)
+    element.setAttribute('disabled', 'disabled')
+  },
+}
+
+var focusFieldset = {
+  element: 'fieldset',
+  mutate: function mutate(element) {
+    element.innerHTML = '<legend>legend</legend><p>content</p>'
+  },
+}
+
+// elements with display:flex are focusable in IE10-11
+var focusFlexboxContainer = {
+  element: 'span',
+  mutate: function mutate(element) {
+    element.setAttribute(
+      'style',
+      'display: -webkit-flex; display: -ms-flexbox; display: flex;'
+    )
+    element.innerHTML = '<span style="display: block;">hello</span>'
+  },
+}
+
+// form[tabindex=0][disabled] should be focusable as the
+// specification doesn't know the disabled attribute on the form element
+// @specification https://www.w3.org/TR/html5/forms.html#the-form-element
+var focusFormDisabled = {
+  element: 'form',
+  mutate: function mutate(element) {
+    element.setAttribute('tabindex', 0)
+    element.setAttribute('disabled', 'disabled')
+  },
+}
+
+// NOTE: https://github.com/medialize/ally.js/issues/35
+// fixes https://github.com/medialize/ally.js/issues/20
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-ismap
+var focusImgIsmap = {
+  element: 'a',
+  mutate: function mutate(element) {
+    element.href = '#void'
+    element.innerHTML = '<img ismap src="' + gif + '" alt="">'
+    return element.querySelector('img')
+  },
+}
+
+// NOTE: https://github.com/medialize/ally.js/issues/35
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+var focusImgUsemapTabindex = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<map name="image-map-tabindex-test"><area href="#void" shape="rect" coords="63,19,144,45"></map>' +
+      '<img usemap="#image-map-tabindex-test" tabindex="-1" alt="" ' +
+      'src="' +
+      gif +
+      '">'
+
+    return element.querySelector('img')
+  },
+}
+
+var focusInHiddenIframe = {
+  element: function element(wrapper, _document) {
+    var iframe = _document.createElement('iframe')
+
+    // iframe must be part of the DOM before accessing the contentWindow is possible
+    wrapper.appendChild(iframe)
+
+    // create the iframe's default document (<html><head></head><body></body></html>)
+    var iframeDocument = iframe.contentWindow.document
+    iframeDocument.open()
+    iframeDocument.close()
+    return iframe
+  },
+  mutate: function mutate(iframe) {
+    iframe.style.visibility = 'hidden'
+
+    var iframeDocument = iframe.contentWindow.document
+    var input = iframeDocument.createElement('input')
+    iframeDocument.body.appendChild(input)
+    return input
+  },
+  validate: function validate(iframe) {
+    var iframeDocument = iframe.contentWindow.document
+    var focus = iframeDocument.querySelector('input')
+    return iframeDocument.activeElement === focus
+  },
+}
+
+var result = !platform.is.WEBKIT
+
+function focusInZeroDimensionObject() {
+  return result
+}
+
+// Firefox allows *any* value and treats invalid values like tabindex="-1"
+// @browser-issue Gecko https://bugzilla.mozilla.org/show_bug.cgi?id=1128054
+var focusInvalidTabindex = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.setAttribute('tabindex', 'invalid-value')
+  },
+}
+
+var focusLabelTabindex = {
+  element: 'label',
+  mutate: function mutate(element) {
+    element.setAttribute('tabindex', '-1')
+  },
+  validate: function validate(element, focusTarget, _document) {
+    // force layout in Chrome 49, otherwise the element won't be focusable
+    /* eslint-disable no-unused-vars */
+    var variableToPreventDeadCodeElimination = element.offsetHeight
+    /* eslint-enable no-unused-vars */
+    element.focus()
+    return _document.activeElement === element
+  },
+}
+
+var svg =
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtb' +
+  'G5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0ic3ZnIj48dGV4dCB4PSIxMCIgeT0iMjAiIGlkPSJ' +
+  'zdmctbGluay10ZXh0Ij50ZXh0PC90ZXh0Pjwvc3ZnPg=='
+
+// Note: IE10 on BrowserStack does not like this test
+
+var focusObjectSvgHidden = {
+  element: 'object',
+  mutate: function mutate(element) {
+    element.setAttribute('type', 'image/svg+xml')
+    element.setAttribute('data', svg)
+    element.setAttribute('width', '200')
+    element.setAttribute('height', '50')
+    element.style.visibility = 'hidden'
+  },
+}
+
+// Note: IE10 on BrowserStack does not like this test
+
+var focusObjectSvg = {
+  name: 'can-focus-object-svg',
+  element: 'object',
+  mutate: function mutate(element) {
+    element.setAttribute('type', 'image/svg+xml')
+    element.setAttribute('data', svg)
+    element.setAttribute('width', '200')
+    element.setAttribute('height', '50')
+  },
+  validate: function validate(element, focusTarget, _document) {
+    if (platform.is.GECKO) {
+      // Firefox seems to be handling the object creation asynchronously and thereby produces a false negative test result.
+      // Because we know Firefox is able to focus object elements referencing SVGs, we simply cheat by sniffing the user agent string
+      return true
+    }
+
+    return _document.activeElement === element
+  },
+}
+
+// Every Environment except IE9 considers SWF objects focusable
+var result$1 = !platform.is.IE9
+
+function focusObjectSwf() {
+  return result$1
+}
+
+var focusRedirectImgUsemap = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<map name="focus-redirect-img-usemap"><area href="#void" shape="rect" coords="63,19,144,45"></map>' +
+      '<img usemap="#focus-redirect-img-usemap" alt="" ' +
+      'src="' +
+      gif +
+      '">'
+
+    // focus the <img>, not the <div>
+    return element.querySelector('img')
+  },
+  validate: function validate(element, focusTarget, _document) {
+    var target = element.querySelector('area')
+    return _document.activeElement === target
+  },
+}
+
+// see https://jsbin.com/nenirisage/edit?html,js,console,output
+
+var focusRedirectLegend = {
+  element: 'fieldset',
+  mutate: function mutate(element) {
+    element.innerHTML =
+      '<legend>legend</legend><input tabindex="-1"><input tabindex="0">'
+    // take care of focus in validate();
+    return false
+  },
+  validate: function validate(element, focusTarget, _document) {
+    var focusable = element.querySelector('input[tabindex="-1"]')
+    var tabbable = element.querySelector('input[tabindex="0"]')
+
+    // Firefox requires this test to focus the <fieldset> first, while this is not necessary in
+    // https://jsbin.com/nenirisage/edit?html,js,console,output
+    element.focus()
+
+    element.querySelector('legend').focus()
+    return (
+      (_document.activeElement === focusable && 'focusable') ||
+      (_document.activeElement === tabbable && 'tabbable') ||
+      ''
+    )
+  },
+}
+
+// https://github.com/medialize/ally.js/issues/21
+var focusScrollBody = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.setAttribute('style', 'width: 100px; height: 50px; overflow: auto;')
+    element.innerHTML =
+      '<div style="width: 500px; height: 40px;">scrollable content</div>'
+    return element.querySelector('div')
+  },
+}
+
+// https://github.com/medialize/ally.js/issues/21
+var focusScrollContainerWithoutOverflow = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.setAttribute('style', 'width: 100px; height: 50px;')
+    element.innerHTML =
+      '<div style="width: 500px; height: 40px;">scrollable content</div>'
+  },
+}
+
+// https://github.com/medialize/ally.js/issues/21
+var focusScrollContainer = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.setAttribute('style', 'width: 100px; height: 50px; overflow: auto;')
+    element.innerHTML =
+      '<div style="width: 500px; height: 40px;">scrollable content</div>'
+  },
+}
+
+var focusSummary = {
+  element: 'details',
+  mutate: function mutate(element) {
+    element.innerHTML = '<summary>foo</summary><p>content</p>'
+    return element.firstElementChild
+  },
+}
+
+function makeFocusableForeignObject() {
+  var fragment = document.createElement('div')
+  fragment.innerHTML =
+    '<svg><foreignObject width="30" height="30">\n      <input type="text"/>\n  </foreignObject></svg>'
+
+  return fragment.firstChild.firstChild
+}
+
+function focusSvgForeignObjectHack(element) {
+  // Edge13, Edge14: foreignObject focus hack
+  // https://jsbin.com/kunehinugi/edit?html,js,output
+  // https://jsbin.com/fajagi/3/edit?html,js,output
+  var isSvgElement =
+    element.ownerSVGElement || element.nodeName.toLowerCase() === 'svg'
+  if (!isSvgElement) {
+    return false
+  }
+
+  // inject and focus an <input> element into the SVG element to receive focus
+  var foreignObject = makeFocusableForeignObject()
+  element.appendChild(foreignObject)
+  var input = foreignObject.querySelector('input')
+  input.focus()
+
+  // upon disabling the activeElement, IE and Edge
+  // will not shift focus to <body> like all the other
+  // browsers, but instead find the first focusable
+  // ancestor and shift focus to that
+  input.disabled = true
+
+  // clean up
+  element.removeChild(foreignObject)
+  return true
+}
+
+function generate(element) {
+  return (
+    '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' +
+    element +
+    '</svg>'
+  )
+}
+
+function focus(element) {
+  if (element.focus) {
+    return
+  }
+
+  try {
+    HTMLElement.prototype.focus.call(element)
+  } catch (e) {
+    focusSvgForeignObjectHack(element)
+  }
+}
+
+function validate(element, focusTarget, _document) {
+  focus(focusTarget)
+  return _document.activeElement === focusTarget
+}
+
+var focusSvgFocusableAttribute = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML = generate('<text focusable="true">a</text>')
+    return element.querySelector('text')
+  },
+  validate: validate,
+}
+
+var focusSvgTabindexAttribute = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML = generate('<text tabindex="0">a</text>')
+    return element.querySelector('text')
+  },
+  validate: validate,
+}
+
+var focusSvgNegativeTabindexAttribute = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML = generate('<text tabindex="-1">a</text>')
+    return element.querySelector('text')
+  },
+  validate: validate,
+}
+
+var focusSvgUseTabindex = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML = generate(
+      [
+        '<g id="ally-test-target"><a xlink:href="#void"><text>link</text></a></g>',
+        '<use xlink:href="#ally-test-target" x="0" y="0" tabindex="-1" />',
+      ].join('')
+    )
+
+    return element.querySelector('use')
+  },
+  validate: validate,
+}
+
+var focusSvgForeignobjectTabindex = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML = generate(
+      '<foreignObject tabindex="-1"><input type="text" /></foreignObject>'
+    )
+    // Safari 8's quersSelector() can't identify foreignObject, but getElementyByTagName() can
+    return (
+      element.querySelector('foreignObject') ||
+      element.getElementsByTagName('foreignObject')[0]
+    )
+  },
+  validate: validate,
+}
+
+// Firefox seems to be handling the SVG-document-in-iframe creation asynchronously
+// and thereby produces a false negative test result. Thus the test is pointless
+// and we resort to UA sniffing once again.
+// see http://jsbin.com/vunadohoko/1/edit?js,console,output
+
+var result$2 = Boolean(
+  platform.is.GECKO &&
+  typeof SVGElement !== 'undefined' &&
+  SVGElement.prototype.focus
+)
+
+function focusSvgInIframe() {
+  return result$2
+}
+
+var focusSvg = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.innerHTML = generate('')
+    return element.firstChild
+  },
+  validate: validate,
+}
+
+// Firefox allows *any* value and treats invalid values like tabindex="-1"
+// @browser-issue Gecko https://bugzilla.mozilla.org/show_bug.cgi?id=1128054
+var focusTabindexTrailingCharacters = {
+  element: 'div',
+  mutate: function mutate(element) {
+    element.setAttribute('tabindex', '3x')
+  },
+}
+
+var focusTable = {
+  element: 'table',
+  mutate: function mutate(element, wrapper, _document) {
+    // IE9 has a problem replacing TBODY contents with innerHTML.
+    // https://stackoverflow.com/a/8097055/515124
+    // element.innerHTML = '<tr><td>cell</td></tr>';
+    var fragment = _document.createDocumentFragment()
+    fragment.innerHTML = '<tr><td>cell</td></tr>'
+    element.appendChild(fragment)
+  },
+}
+
+var focusVideoWithoutControls = {
+  element: 'video',
+  mutate: function mutate(element) {
+    try {
+      // invalid media file can trigger warning in console, data-uri to prevent HTTP request
+      element.setAttribute('src', gif)
+    } catch (e) {
+      // IE9 may throw "Error: Not implemented"
+    }
+  },
+}
+
+// https://jsbin.com/vafaba/3/edit?html,js,console,output
+var result$3 = platform.is.GECKO || platform.is.TRIDENT || platform.is.EDGE
+
+function tabsequenceAreaAtImgPosition() {
+  return result$3
+}
+
+var testCallbacks = {
+  cssShadowPiercingDeepCombinator: cssShadowPiercingDeepCombinator,
+  focusInZeroDimensionObject: focusInZeroDimensionObject,
+  focusObjectSwf: focusObjectSwf,
+  focusSvgInIframe: focusSvgInIframe,
+  tabsequenceAreaAtImgPosition: tabsequenceAreaAtImgPosition,
+}
+
+var testDescriptions = {
+  focusAreaImgTabindex: focusAreaImgTabindex,
+  focusAreaTabindex: focusAreaTabindex,
+  focusAreaWithoutHref: focusAreaWithoutHref,
+  focusAudioWithoutControls: focusAudioWithoutControls,
+  focusBrokenImageMap: focusBrokenImageMap,
+  focusChildrenOfFocusableFlexbox: focusChildrenOfFocusableFlexbox,
+  focusFieldsetDisabled: focusFieldsetDisabled,
+  focusFieldset: focusFieldset,
+  focusFlexboxContainer: focusFlexboxContainer,
+  focusFormDisabled: focusFormDisabled,
+  focusImgIsmap: focusImgIsmap,
+  focusImgUsemapTabindex: focusImgUsemapTabindex,
+  focusInHiddenIframe: focusInHiddenIframe,
+  focusInvalidTabindex: focusInvalidTabindex,
+  focusLabelTabindex: focusLabelTabindex,
+  focusObjectSvg: focusObjectSvg,
+  focusObjectSvgHidden: focusObjectSvgHidden,
+  focusRedirectImgUsemap: focusRedirectImgUsemap,
+  focusRedirectLegend: focusRedirectLegend,
+  focusScrollBody: focusScrollBody,
+  focusScrollContainerWithoutOverflow: focusScrollContainerWithoutOverflow,
+  focusScrollContainer: focusScrollContainer,
+  focusSummary: focusSummary,
+  focusSvgFocusableAttribute: focusSvgFocusableAttribute,
+  focusSvgTabindexAttribute: focusSvgTabindexAttribute,
+  focusSvgNegativeTabindexAttribute: focusSvgNegativeTabindexAttribute,
+  focusSvgUseTabindex: focusSvgUseTabindex,
+  focusSvgForeignobjectTabindex: focusSvgForeignobjectTabindex,
+  focusSvg: focusSvg,
+  focusTabindexTrailingCharacters: focusTabindexTrailingCharacters,
+  focusTable: focusTable,
+  focusVideoWithoutControls: focusVideoWithoutControls,
+}
+
+function executeTests() {
+  var results = detectFocus(testDescriptions)
+  Object.keys(testCallbacks).forEach(function (key) {
+    results[key] = testCallbacks[key]()
+  })
+
+  return results
+}
+
+var supportsCache = null
+
+function _supports() {
+  if (supportsCache) {
+    return supportsCache
+  }
+
+  supportsCache = cache$1.get()
+  if (!supportsCache.time) {
+    cache$1.set(executeTests())
+    supportsCache = cache$1.get()
+  }
+
+  return supportsCache
+}
+
+var supports = void 0
+
+// https://www.w3.org/TR/html5/infrastructure.html#rules-for-parsing-integers
+// NOTE: all browsers agree to allow trailing spaces as well
+var validIntegerPatternNoTrailing = /^\s*(-|\+)?[0-9]+\s*$/
+var validIntegerPatternWithTrailing = /^\s*(-|\+)?[0-9]+.*$/
+
+function isValidTabindex(context) {
+  if (!supports) {
+    supports = _supports()
+  }
+
+  var validIntegerPattern = supports.focusTabindexTrailingCharacters
+    ? validIntegerPatternWithTrailing
+    : validIntegerPatternNoTrailing
+
+  var element = contextToElement({
+    label: 'is/valid-tabindex',
+    resolveDocument: true,
+    context: context,
+  })
+
+  // Edge 14 has a capitalization problem on SVG elements,
+  // see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9282058/
+  var hasTabindex = element.hasAttribute('tabindex')
+  var hasTabIndex = element.hasAttribute('tabIndex')
+
+  if (!hasTabindex && !hasTabIndex) {
+    return false
+  }
+
+  // older Firefox and Internet Explorer don't support tabindex on SVG elements
+  var isSvgElement =
+    element.ownerSVGElement || element.nodeName.toLowerCase() === 'svg'
+  if (isSvgElement && !supports.focusSvgTabindexAttribute) {
+    return false
+  }
+
+  // @browser-issue Gecko https://bugzilla.mozilla.org/show_bug.cgi?id=1128054
+  if (supports.focusInvalidTabindex) {
+    return true
+  }
+
+  // an element matches the tabindex selector even if its value is invalid
+  var tabindex = element.getAttribute(hasTabindex ? 'tabindex' : 'tabIndex')
+  // IE11 parses tabindex="" as the value "-32768"
+  // @browser-issue Trident https://connect.microsoft.com/IE/feedback/details/1072965
+  if (tabindex === '-32768') {
+    return false
+  }
+
+  return Boolean(tabindex && validIntegerPattern.test(tabindex))
+}
+
+function tabindexValue(element) {
+  if (!isValidTabindex(element)) {
+    return null
+  }
+
+  // Edge 14 has a capitalization problem on SVG elements,
+  // see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9282058/
+  var hasTabindex = element.hasAttribute('tabindex')
+  var attributeName = hasTabindex ? 'tabindex' : 'tabIndex'
+
+  // @browser-issue Gecko https://bugzilla.mozilla.org/show_bug.cgi?id=1128054
+  var tabindex = parseInt(element.getAttribute(attributeName), 10)
+  return isNaN(tabindex) ? -1 : tabindex
+}
+
+// this is a shared utility file for focus-relevant.js and tabbable.js
+// separate testing of this file's functions is not necessary,
+// as they're implicitly tested by way of the consumers
+
+function isUserModifyWritable(style) {
+  // https://www.w3.org/TR/1999/WD-css3-userint-19990916#user-modify
+  // https://github.com/medialize/ally.js/issues/17
+  var userModify = style.webkitUserModify || ''
+  return Boolean(userModify && userModify.indexOf('write') !== -1)
+}
+
+function hasCssOverflowScroll(style) {
+  return [
+    style.getPropertyValue('overflow'),
+    style.getPropertyValue('overflow-x'),
+    style.getPropertyValue('overflow-y'),
+  ].some(function (overflow) {
+    return overflow === 'auto' || overflow === 'scroll'
+  })
+}
+
+function hasCssDisplayFlex(style) {
+  return style.display.indexOf('flex') > -1
+}
+
+function isScrollableContainer(element, nodeName, parentNodeName, parentStyle) {
+  if (nodeName !== 'div' && nodeName !== 'span') {
+    // Internet Explorer advances scrollable containers and bodies to focusable
+    // only if the scrollable container is <div> or <span> - this does *not*
+    // happen for <section>, <article>, …
+    return false
+  }
+
+  if (
+    parentNodeName &&
+    parentNodeName !== 'div' &&
+    parentNodeName !== 'span' &&
+    !hasCssOverflowScroll(parentStyle)
+  ) {
+    return false
+  }
+
+  return (
+    element.offsetHeight < element.scrollHeight ||
+    element.offsetWidth < element.scrollWidth
+  )
+}
+
+var supports$1 = void 0
+
+function isFocusRelevantRules() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    _ref$except = _ref.except,
+    except =
+      _ref$except === undefined
+        ? {
+          flexbox: false,
+          scrollable: false,
+          shadow: false,
+        }
+        : _ref$except
+
+  if (!supports$1) {
+    supports$1 = _supports()
+  }
+
+  var element = contextToElement({
+    label: 'is/focus-relevant',
+    resolveDocument: true,
+    context: context,
+  })
+
+  if (!except.shadow && element.shadowRoot) {
+    // a ShadowDOM host receives focus when the focus moves to its content
+    return true
+  }
+
+  var nodeName = element.nodeName.toLowerCase()
+
+  if (nodeName === 'input' && element.type === 'hidden') {
+    // input[type="hidden"] supports.cannot be focused
+    return false
+  }
+
+  if (
+    nodeName === 'input' ||
+    nodeName === 'select' ||
+    nodeName === 'button' ||
+    nodeName === 'textarea'
+  ) {
+    return true
+  }
+
+  if (nodeName === 'legend' && supports$1.focusRedirectLegend) {
+    // specifics filtered in is/focusable
+    return true
+  }
+
+  if (nodeName === 'label') {
+    // specifics filtered in is/focusable
+    return true
+  }
+
+  if (nodeName === 'area') {
+    // specifics filtered in is/focusable
+    return true
+  }
+
+  if (nodeName === 'a' && element.hasAttribute('href')) {
+    return true
+  }
+
+  if (nodeName === 'object' && element.hasAttribute('usemap')) {
+    // object[usemap] is not focusable in any browser
+    return false
+  }
+
+  if (nodeName === 'object') {
+    var svgType = element.getAttribute('type')
+    if (!supports$1.focusObjectSvg && svgType === 'image/svg+xml') {
+      // object[type="image/svg+xml"] is not focusable in Internet Explorer
+      return false
+    } else if (
+      !supports$1.focusObjectSwf &&
+      svgType === 'application/x-shockwave-flash'
+    ) {
+      // object[type="application/x-shockwave-flash"] is not focusable in Internet Explorer 9
+      return false
+    }
+  }
+
+  if (nodeName === 'iframe' || nodeName === 'object') {
+    // browsing context containers
+    return true
+  }
+
+  if (nodeName === 'embed' || nodeName === 'keygen') {
+    // embed is considered focus-relevant but not focusable
+    // see https://github.com/medialize/ally.js/issues/82
+    return true
+  }
+
+  if (element.hasAttribute('contenteditable')) {
+    // also see CSS property user-modify below
+    return true
+  }
+
+  if (
+    nodeName === 'audio' &&
+    (supports$1.focusAudioWithoutControls || element.hasAttribute('controls'))
+  ) {
+    return true
+  }
+
+  if (
+    nodeName === 'video' &&
+    (supports$1.focusVideoWithoutControls || element.hasAttribute('controls'))
+  ) {
+    return true
+  }
+
+  if (supports$1.focusSummary && nodeName === 'summary') {
+    return true
+  }
+
+  var validTabindex = isValidTabindex(element)
+
+  if (nodeName === 'img' && element.hasAttribute('usemap')) {
+    // Gecko, Trident and Edge do not allow an image with an image map and tabindex to be focused,
+    // it appears the tabindex is overruled so focus is still forwarded to the <map>
+    return (
+      (validTabindex && supports$1.focusImgUsemapTabindex) ||
+      supports$1.focusRedirectImgUsemap
+    )
+  }
+
+  if (supports$1.focusTable && (nodeName === 'table' || nodeName === 'td')) {
+    // IE10-11 supports.can focus <table> and <td>
+    return true
+  }
+
+  if (supports$1.focusFieldset && nodeName === 'fieldset') {
+    // IE10-11 supports.can focus <fieldset>
+    return true
+  }
+
+  var isSvgElement = nodeName === 'svg'
+  var isSvgContent = element.ownerSVGElement
+  var focusableAttribute = element.getAttribute('focusable')
+  var tabindex = tabindexValue(element)
+
+  if (
+    nodeName === 'use' &&
+    tabindex !== null &&
+    !supports$1.focusSvgUseTabindex
+  ) {
+    // <use> cannot be made focusable by adding a tabindex attribute anywhere but Blink and WebKit
+    return false
+  }
+
+  if (nodeName === 'foreignobject') {
+    // <use> can only be made focusable in Blink and WebKit
+    return tabindex !== null && supports$1.focusSvgForeignobjectTabindex
+  }
+
+  if (elementMatches(element, 'svg a') && element.hasAttribute('xlink:href')) {
+    return true
+  }
+
+  if (
+    (isSvgElement || isSvgContent) &&
+    element.focus &&
+    !supports$1.focusSvgNegativeTabindexAttribute &&
+    tabindex < 0
+  ) {
+    // Firefox 51 and 52 treat any natively tabbable SVG element with
+    // tabindex="-1" as tabbable and everything else as inert
+    // see https://bugzilla.mozilla.org/show_bug.cgi?id=1302340
+    return false
+  }
+
+  if (isSvgElement) {
+    return (
+      validTabindex ||
+      supports$1.focusSvg ||
+      supports$1.focusSvgInIframe ||
+      // Internet Explorer understands the focusable attribute introduced in SVG Tiny 1.2
+      Boolean(
+        supports$1.focusSvgFocusableAttribute &&
+        focusableAttribute &&
+        focusableAttribute === 'true'
+      )
+    )
+  }
+
+  if (isSvgContent) {
+    if (supports$1.focusSvgTabindexAttribute && validTabindex) {
+      return true
+    }
+
+    if (supports$1.focusSvgFocusableAttribute) {
+      // Internet Explorer understands the focusable attribute introduced in SVG Tiny 1.2
+      return focusableAttribute === 'true'
+    }
+  }
+
+  // https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute
+  if (validTabindex) {
+    return true
+  }
+
+  var style = window.getComputedStyle(element, null)
+  if (isUserModifyWritable(style)) {
+    return true
+  }
+
+  if (
+    supports$1.focusImgIsmap &&
+    nodeName === 'img' &&
+    element.hasAttribute('ismap')
+  ) {
+    // IE10-11 considers the <img> in <a href><img ismap> focusable
+    // https://github.com/medialize/ally.js/issues/20
+    var hasLinkParent = getParents({ context: element }).some(function (
+      parent
+    ) {
+      return (
+        parent.nodeName.toLowerCase() === 'a' && parent.hasAttribute('href')
+      )
+    })
+
+    if (hasLinkParent) {
+      return true
+    }
+  }
+
+  // https://github.com/medialize/ally.js/issues/21
+  if (!except.scrollable && supports$1.focusScrollContainer) {
+    if (supports$1.focusScrollContainerWithoutOverflow) {
+      // Internet Explorer does will consider the scrollable area focusable
+      // if the element is a <div> or a <span> and it is in fact scrollable,
+      // regardless of the CSS overflow property
+      if (isScrollableContainer(element, nodeName)) {
+        return true
+      }
+    } else if (hasCssOverflowScroll(style)) {
+      // Firefox requires proper overflow setting, IE does not necessarily
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
+      return true
+    }
+  }
+
+  if (
+    !except.flexbox &&
+    supports$1.focusFlexboxContainer &&
+    hasCssDisplayFlex(style)
+  ) {
+    // elements with display:flex are focusable in IE10-11
+    return true
+  }
+
+  var parent = element.parentElement
+  if (!except.scrollable && parent) {
+    var parentNodeName = parent.nodeName.toLowerCase()
+    var parentStyle = window.getComputedStyle(parent, null)
+    if (
+      supports$1.focusScrollBody &&
+      isScrollableContainer(parent, nodeName, parentNodeName, parentStyle)
+    ) {
+      // scrollable bodies are focusable Internet Explorer
+      // https://github.com/medialize/ally.js/issues/21
+      return true
+    }
+
+    // Children of focusable elements with display:flex are focusable in IE10-11
+    if (supports$1.focusChildrenOfFocusableFlexbox) {
+      if (hasCssDisplayFlex(parentStyle)) {
+        return true
+      }
+    }
+  }
+
+  // NOTE: elements marked as inert are not focusable,
+  // but that property is not exposed to the DOM
+  // https://www.w3.org/TR/html5/editing.html#inert
+
+  return false
+}
+
+// bind exceptions to an iterator callback
+isFocusRelevantRules.except = function () {
+  var except =
+    arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+
+  var isFocusRelevant = function isFocusRelevant(context) {
+    return isFocusRelevantRules({
+      context: context,
+      except: except,
+    })
+  }
+
+  isFocusRelevant.rules = isFocusRelevantRules
+  return isFocusRelevant
+}
+
+// provide isFocusRelevant(context) as default iterator callback
+var isFocusRelevant = isFocusRelevantRules.except({})
+
+function findIndex(array, callback) {
+  // attempt to use native or polyfilled Array#findIndex first
+  if (array.findIndex) {
+    return array.findIndex(callback)
+  }
+
+  var length = array.length
+
+  // shortcut if the array is empty
+  if (length === 0) {
+    return -1
+  }
+
+  // otherwise loop over array
+  for (var i = 0; i < length; i++) {
+    if (callback(array[i], i, array)) {
+      return i
+    }
+  }
+
+  return -1
+}
+
+function getContentDocument(node) {
+  try {
+    // works on <object> and <iframe>
+    return (
+      node.contentDocument ||
+      // works on <object> and <iframe>
+      (node.contentWindow && node.contentWindow.document) ||
+      // works on <object> and <iframe> that contain SVG
+      (node.getSVGDocument && node.getSVGDocument()) ||
+      null
+    )
+  } catch (e) {
+    // SecurityError: Failed to read the 'contentDocument' property from 'HTMLObjectElement'
+    // also IE may throw member not found exception e.g. on <object type="image/png">
+    return null
+  }
+}
+
+function getWindow(node) {
+  var _document = getDocument(node)
+  return _document.defaultView || window
+}
+
+var shadowPrefix = void 0
+
+function selectInShadows(selector) {
+  if (typeof shadowPrefix !== 'string') {
+    var operator = cssShadowPiercingDeepCombinator()
+    if (operator) {
+      shadowPrefix = ', html ' + operator + ' '
+    }
+  }
+
+  if (!shadowPrefix) {
+    return selector
+  }
+
+  return (
+    selector +
+    shadowPrefix +
+    selector
+      .replace(/\s*,\s*/g, ',')
+      .split(',')
+      .join(shadowPrefix)
+  )
+}
+
+var selector = void 0
+
+function findDocumentHostElement(_window) {
+  if (!selector) {
+    selector = selectInShadows('object, iframe')
+  }
+
+  if (_window._frameElement !== undefined) {
+    return _window._frameElement
+  }
+
+  _window._frameElement = null
+
+  var potentialHosts = _window.parent.document.querySelectorAll(selector)
+  ;[].some.call(potentialHosts, function (element) {
+    var _document = getContentDocument(element)
+    if (_document !== _window.document) {
+      return false
+    }
+
+    _window._frameElement = element
+    return true
+  })
+
+  return _window._frameElement
+}
+
+function getFrameElement(element) {
+  var _window = getWindow(element)
+  if (!_window.parent || _window.parent === _window) {
+    // if there is no parent browsing context,
+    // we're not going to get a frameElement either way
+    return null
+  }
+
+  try {
+    // see https://developer.mozilla.org/en-US/docs/Web/API/Window/frameElement
+    // does not work within <embed> anywhere, and not within in <object> in IE
+    return _window.frameElement || findDocumentHostElement(_window)
+  } catch (e) {
+    return null
+  }
+}
+
+// https://www.w3.org/TR/html5/rendering.html#being-rendered
+// <area> is not rendered, but we *consider* it visible to simplfiy this function's usage
+var notRenderedElementsPattern = /^(area)$/
+
+function computedStyle(element, property) {
+  return window.getComputedStyle(element, null).getPropertyValue(property)
+}
+
+function notDisplayed(_path) {
+  return _path.some(function (element) {
+    // display:none is not visible (optimized away at layout)
+    return computedStyle(element, 'display') === 'none'
+  })
+}
+
+function notVisible(_path) {
+  // https://github.com/jquery/jquery-ui/blob/master/ui/core.js#L109-L114
+  // NOTE: a nested element can reverse visibility:hidden|collapse by explicitly setting visibility:visible
+  // NOTE: visibility can be ["", "visible", "hidden", "collapse"]
+  var hidden = findIndex(_path, function (element) {
+    var visibility = computedStyle(element, 'visibility')
+    return visibility === 'hidden' || visibility === 'collapse'
+  })
+
+  if (hidden === -1) {
+    // there is no hidden element
+    return false
+  }
+
+  var visible = findIndex(_path, function (element) {
+    return computedStyle(element, 'visibility') === 'visible'
+  })
+
+  if (visible === -1) {
+    // there is no visible element (but a hidden element)
+    return true
+  }
+
+  if (hidden < visible) {
+    // there is a hidden element and it's closer than the first visible element
+    return true
+  }
+
+  // there may be a hidden element, but the closest element is visible
+  return false
+}
+
+function collapsedParent(_path) {
+  var offset = 1
+  if (_path[0].nodeName.toLowerCase() === 'summary') {
+    offset = 2
+  }
+
+  return _path.slice(offset).some(function (element) {
+    // "content children" of a closed details element are not visible
+    return (
+      element.nodeName.toLowerCase() === 'details' && element.open === false
+    )
+  })
+}
+
+function isVisibleRules() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    _ref$except = _ref.except,
+    except =
+      _ref$except === undefined
+        ? {
+          notRendered: false,
+          cssDisplay: false,
+          cssVisibility: false,
+          detailsElement: false,
+          browsingContext: false,
+        }
+        : _ref$except
+
+  var element = contextToElement({
+    label: 'is/visible',
+    resolveDocument: true,
+    context: context,
+  })
+
+  var nodeName = element.nodeName.toLowerCase()
+  if (!except.notRendered && notRenderedElementsPattern.test(nodeName)) {
+    return true
+  }
+
+  var _path = getParents({ context: element })
+
+  // in Internet Explorer <audio> has a default display: none, where others have display: inline
+  // but IE allows focusing <audio style="display:none">, but not <div display:none><audio>
+  // this is irrelevant to other browsers, as the controls attribute is required to make <audio> focusable
+  var isAudioWithoutControls =
+    nodeName === 'audio' && !element.hasAttribute('controls')
+  if (
+    !except.cssDisplay &&
+    notDisplayed(isAudioWithoutControls ? _path.slice(1) : _path)
+  ) {
+    return false
+  }
+
+  if (!except.cssVisibility && notVisible(_path)) {
+    return false
+  }
+
+  if (!except.detailsElement && collapsedParent(_path)) {
+    return false
+  }
+
+  if (!except.browsingContext) {
+    // elements within a browsing context are affected by the
+    // browsing context host element's visibility and tabindex
+    var frameElement = getFrameElement(element)
+    var _isVisible = isVisibleRules.except(except)
+    if (frameElement && !_isVisible(frameElement)) {
+      return false
+    }
+  }
+
+  return true
+}
+
+// bind exceptions to an iterator callback
+isVisibleRules.except = function () {
+  var except =
+    arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+
+  var isVisible = function isVisible(context) {
+    return isVisibleRules({
+      context: context,
+      except: except,
+    })
+  }
+
+  isVisible.rules = isVisibleRules
+  return isVisible
+}
+
+// provide isVisible(context) as default iterator callback
+var isVisible = isVisibleRules.except({})
+
+function getMapByName(name, _document) {
+  // apparently getElementsByName() also considers id attribute in IE & opera
+  // https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByName
+  var map = _document.querySelector('map[name="' + cssEscape(name) + '"]')
+  return map || null
+}
+
+function getImageOfArea(element) {
+  var map = element.parentElement
+
+  if (!map.name || map.nodeName.toLowerCase() !== 'map') {
+    return null
+  }
+
+  // NOTE: image maps can also be applied to <object> with image content,
+  // but no browser supports this at the moment
+
+  // HTML5 specifies HTMLMapElement.images to be an HTMLCollection of all
+  // <img> and <object> referencing the <map> element, but no browser implements this
+  //   https://www.w3.org/TR/html5/embedded-content-0.html#the-map-element
+  //   https://developer.mozilla.org/en-US/docs/Web/API/HTMLMapElement
+  // the image must be valid and loaded for the map to take effect
+  var _document = getDocument(element)
+  return (
+    _document.querySelector('img[usemap="#' + cssEscape(map.name) + '"]') ||
+    null
+  )
+}
+
+var supports$2 = void 0
+
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+// https://github.com/jquery/jquery-ui/blob/master/ui/core.js#L88-L107
+function isValidArea(context) {
+  if (!supports$2) {
+    supports$2 = _supports()
+  }
+
+  var element = contextToElement({
+    label: 'is/valid-area',
+    context: context,
+  })
+
+  var nodeName = element.nodeName.toLowerCase()
+  if (nodeName !== 'area') {
+    return false
+  }
+
+  var hasTabindex = element.hasAttribute('tabindex')
+  if (!supports$2.focusAreaTabindex && hasTabindex) {
+    // Blink and WebKit do not consider <area tabindex="-1" href="#void"> focusable
+    return false
+  }
+
+  var img = getImageOfArea(element)
+  if (!img || !isVisible(img)) {
+    return false
+  }
+
+  // Firefox only allows fully loaded images to reference image maps
+  // https://stereochro.me/ideas/detecting-broken-images-js
+  if (
+    !supports$2.focusBrokenImageMap &&
+    (!img.complete ||
+      !img.naturalHeight ||
+      img.offsetWidth <= 0 ||
+      img.offsetHeight <= 0)
+  ) {
+    return false
+  }
+
+  // Firefox supports.can focus area elements even if they don't have an href attribute
+  if (!supports$2.focusAreaWithoutHref && !element.href) {
+    // Internet explorer supports.can focus area elements without href if either
+    // the area element or the image element has a tabindex attribute
+    return (
+      (supports$2.focusAreaTabindex && hasTabindex) ||
+      (supports$2.focusAreaImgTabindex && img.hasAttribute('tabindex'))
+    )
+  }
+
+  // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-usemap
+  var childOfInteractive = getParents({ context: img })
+    .slice(1)
+    .some(function (_element) {
+      var name = _element.nodeName.toLowerCase()
+      return name === 'button' || name === 'a'
+    })
+
+  if (childOfInteractive) {
+    return false
+  }
+
+  return true
+}
+
+var supports$3 = void 0
+
+// https://www.w3.org/TR/html5/disabled-elements.html#concept-element-disabled
+var disabledElementsPattern = void 0
+var disabledElements = {
+  input: true,
+  select: true,
+  textarea: true,
+  button: true,
+  fieldset: true,
+  form: true,
+}
+
+function isNativeDisabledSupported(context) {
+  if (!supports$3) {
+    supports$3 = _supports()
+
+    if (supports$3.focusFieldsetDisabled) {
+      delete disabledElements.fieldset
+    }
+
+    if (supports$3.focusFormDisabled) {
+      delete disabledElements.form
+    }
+
+    disabledElementsPattern = new RegExp(
+      '^(' + Object.keys(disabledElements).join('|') + ')$'
+    )
+  }
+
+  var element = contextToElement({
+    label: 'is/native-disabled-supported',
+    context: context,
+  })
+
+  var nodeName = element.nodeName.toLowerCase()
+  return Boolean(disabledElementsPattern.test(nodeName))
+}
+
+var supports$4 = void 0
+
+function isDisabledFieldset(element) {
+  var nodeName = element.nodeName.toLowerCase()
+  return nodeName === 'fieldset' && element.disabled
+}
+
+function isDisabledForm(element) {
+  var nodeName = element.nodeName.toLowerCase()
+  return nodeName === 'form' && element.disabled
+}
+
+function isDisabled(context) {
+  if (!supports$4) {
+    supports$4 = _supports()
+  }
+
+  var element = contextToElement({
+    label: 'is/disabled',
+    context: context,
+  })
+
+  if (element.hasAttribute('data-ally-disabled')) {
+    // treat ally's element/disabled like the DOM native element.disabled
+    return true
+  }
+
+  if (!isNativeDisabledSupported(element)) {
+    // non-form elements do not support the disabled attribute
+    return false
+  }
+
+  if (element.disabled) {
+    // the element itself is disabled
+    return true
+  }
+
+  var parents = getParents({ context: element })
+  if (parents.some(isDisabledFieldset)) {
+    // a parental <fieldset> is disabld and inherits the state onto this element
+    return true
+  }
+
+  if (!supports$4.focusFormDisabled && parents.some(isDisabledForm)) {
+    // a parental <form> is disabld and inherits the state onto this element
+    return true
+  }
+
+  return false
+}
+
+function isOnlyTabbableRules() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    _ref$except = _ref.except,
+    except =
+      _ref$except === undefined
+        ? {
+          onlyFocusableBrowsingContext: false,
+          visible: false,
+        }
+        : _ref$except
+
+  var element = contextToElement({
+    label: 'is/only-tabbable',
+    resolveDocument: true,
+    context: context,
+  })
+
+  if (!except.visible && !isVisible(element)) {
+    return false
+  }
+
+  if (
+    !except.onlyFocusableBrowsingContext &&
+    (platform.is.GECKO || platform.is.TRIDENT || platform.is.EDGE)
+  ) {
+    var frameElement = getFrameElement(element)
+    if (frameElement) {
+      if (tabindexValue(frameElement) < 0) {
+        // iframe[tabindex="-1"] and object[tabindex="-1"] inherit the
+        // tabbable demotion onto elements of their browsing contexts
+        return false
+      }
+    }
+  }
+
+  var nodeName = element.nodeName.toLowerCase()
+  var tabindex = tabindexValue(element)
+
+  if (nodeName === 'label' && platform.is.GECKO) {
+    // Firefox cannot focus, but tab to: label[tabindex=0]
+    return tabindex !== null && tabindex >= 0
+  }
+
+  // SVG Elements were keyboard focusable but not script focusable before Firefox 51.
+  // Firefox 51 added the focus management DOM API (.focus and .blur) to SVGElement,
+  // see https://bugzilla.mozilla.org/show_bug.cgi?id=778654
+  if (platform.is.GECKO && element.ownerSVGElement && !element.focus) {
+    if (nodeName === 'a' && element.hasAttribute('xlink:href')) {
+      // any focusable child of <svg> cannot be focused, but tabbed to
+      if (platform.is.GECKO) {
+        return true
+      }
+    }
+  }
+
+  return false
+}
+
+// bind exceptions to an iterator callback
+isOnlyTabbableRules.except = function () {
+  var except =
+    arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+
+  var isOnlyTabbable = function isOnlyTabbable(context) {
+    return isOnlyTabbableRules({
+      context: context,
+      except: except,
+    })
+  }
+
+  isOnlyTabbable.rules = isOnlyTabbableRules
+  return isOnlyTabbable
+}
+
+// provide isOnlyTabbable(context) as default iterator callback
+var isOnlyTabbable = isOnlyTabbableRules.except({})
+
+var supports$5 = void 0
+
+function isOnlyFocusRelevant(element) {
+  var nodeName = element.nodeName.toLowerCase()
+  if (nodeName === 'embed' || nodeName === 'keygen') {
+    // embed is considered focus-relevant but not focusable
+    // see https://github.com/medialize/ally.js/issues/82
+    return true
+  }
+
+  var _tabindex = tabindexValue(element)
+  if (element.shadowRoot && _tabindex === null) {
+    // ShadowDOM host elements *may* receive focus
+    // even though they are not considered focuable
+    return true
+  }
+
+  if (nodeName === 'label') {
+    // <label tabindex="0"> is only tabbable in Firefox, not script-focusable
+    // there's no way to make an element focusable other than by adding a tabindex,
+    // and focus behavior of the label element seems hard-wired to ignore tabindex
+    // in some browsers (like Gecko, Blink and WebKit)
+    return !supports$5.focusLabelTabindex || _tabindex === null
+  }
+
+  if (nodeName === 'legend') {
+    return _tabindex === null
+  }
+
+  if (
+    supports$5.focusSvgFocusableAttribute &&
+    (element.ownerSVGElement || nodeName === 'svg')
+  ) {
+    // Internet Explorer understands the focusable attribute introduced in SVG Tiny 1.2
+    var focusableAttribute = element.getAttribute('focusable')
+    return focusableAttribute && focusableAttribute === 'false'
+  }
+
+  if (nodeName === 'img' && element.hasAttribute('usemap')) {
+    // Gecko, Trident and Edge do not allow an image with an image map and tabindex to be focused,
+    // it appears the tabindex is overruled so focus is still forwarded to the <map>
+    return _tabindex === null || !supports$5.focusImgUsemapTabindex
+  }
+
+  if (nodeName === 'area') {
+    // all <area>s are considered relevant,
+    // but only the valid <area>s are focusable
+    return !isValidArea(element)
+  }
+
+  return false
+}
+
+function isFocusableRules() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    _ref$except = _ref.except,
+    except =
+      _ref$except === undefined
+        ? {
+          disabled: false,
+          visible: false,
+          onlyTabbable: false,
+        }
+        : _ref$except
+
+  if (!supports$5) {
+    supports$5 = _supports()
+  }
+
+  var _isOnlyTabbable = isOnlyTabbable.rules.except({
+    onlyFocusableBrowsingContext: true,
+    visible: except.visible,
+  })
+
+  var element = contextToElement({
+    label: 'is/focusable',
+    resolveDocument: true,
+    context: context,
+  })
+
+  var focusRelevant = isFocusRelevant.rules({
+    context: element,
+    except: except,
+  })
+
+  if (!focusRelevant || isOnlyFocusRelevant(element)) {
+    return false
+  }
+
+  if (!except.disabled && isDisabled(element)) {
+    return false
+  }
+
+  if (!except.onlyTabbable && _isOnlyTabbable(element)) {
+    // some elements may be keyboard focusable, but not script focusable
+    return false
+  }
+
+  // elements that are not rendered, cannot be focused
+  if (!except.visible) {
+    var visibilityOptions = {
+      context: element,
+      except: {},
+    }
+
+    if (supports$5.focusInHiddenIframe) {
+      // WebKit and Blink can focus content in hidden <iframe> and <object>
+      visibilityOptions.except.browsingContext = true
+    }
+
+    if (supports$5.focusObjectSvgHidden) {
+      // Blink allows focusing the object element, even if it has visibility: hidden;
+      // @browser-issue Blink https://code.google.com/p/chromium/issues/detail?id=586191
+      var _nodeName2 = element.nodeName.toLowerCase()
+      if (_nodeName2 === 'object') {
+        visibilityOptions.except.cssVisibility = true
+      }
+    }
+
+    if (!isVisible.rules(visibilityOptions)) {
+      return false
+    }
+  }
+
+  var frameElement = getFrameElement(element)
+  if (frameElement) {
+    var _nodeName = frameElement.nodeName.toLowerCase()
+    if (_nodeName === 'object' && !supports$5.focusInZeroDimensionObject) {
+      if (!frameElement.offsetWidth || !frameElement.offsetHeight) {
+        // WebKit can not focus content in <object> if it doesn't have dimensions
+        return false
+      }
+    }
+  }
+
+  var nodeName = element.nodeName.toLowerCase()
+  if (
+    nodeName === 'svg' &&
+    supports$5.focusSvgInIframe &&
+    !frameElement &&
+    element.getAttribute('tabindex') === null
+  ) {
+    return false
+  }
+
+  return true
+}
+
+// bind exceptions to an iterator callback
+isFocusableRules.except = function () {
+  var except =
+    arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+
+  var isFocusable = function isFocusable(context) {
+    return isFocusableRules({
+      context: context,
+      except: except,
+    })
+  }
+
+  isFocusable.rules = isFocusableRules
+  return isFocusable
+}
+
+// provide isFocusRelevant(context) as default iterator callback
+var isFocusable = isFocusableRules.except({})
+
+function createFilter(condition) {
+  // see https://developer.mozilla.org/en-US/docs/Web/API/NodeFilter
+  var filter = function filter(node) {
+    if (node.shadowRoot) {
+      // return ShadowRoot elements regardless of them being focusable,
+      // so they can be walked recursively later
+      return NodeFilter.FILTER_ACCEPT
+    }
+
+    if (condition(node)) {
+      // finds elements that could have been found by document.querySelectorAll()
+      return NodeFilter.FILTER_ACCEPT
+    }
+
+    return NodeFilter.FILTER_SKIP
+  }
+  // IE requires a function, Browsers require {acceptNode: function}
+  // see http://www.bennadel.com/blog/2607-finding-html-comment-nodes-in-the-dom-using-treewalker.htm
+  filter.acceptNode = filter
+  return filter
+}
+
+var PossiblyFocusableFilter = createFilter(isFocusRelevant)
+
+function queryFocusableStrict() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    includeContext = _ref.includeContext,
+    includeOnlyTabbable = _ref.includeOnlyTabbable,
+    strategy = _ref.strategy
+
+  if (!context) {
+    context = document.documentElement
+  }
+
+  var _isFocusable = isFocusable.rules.except({
+    onlyTabbable: includeOnlyTabbable,
+  })
+
+  var _document = getDocument(context)
+  // see https://developer.mozilla.org/en-US/docs/Web/API/Document/createTreeWalker
+  var walker = _document.createTreeWalker(
+    // root element to start search in
+    context,
+    // element type filter
+    NodeFilter.SHOW_ELEMENT,
+    // custom NodeFilter filter
+    strategy === 'all' ? PossiblyFocusableFilter : createFilter(_isFocusable),
+    // deprecated, but IE requires it
+    false
+  )
+
+  var list = []
+
+  while (walker.nextNode()) {
+    if (walker.currentNode.shadowRoot) {
+      if (_isFocusable(walker.currentNode)) {
+        list.push(walker.currentNode)
+      }
+
+      list = list.concat(
+        queryFocusableStrict({
+          context: walker.currentNode.shadowRoot,
+          includeOnlyTabbable: includeOnlyTabbable,
+          strategy: strategy,
+        })
+      )
+    } else {
+      list.push(walker.currentNode)
+    }
+  }
+
+  // add context if requested and focusable
+  if (includeContext) {
+    if (strategy === 'all') {
+      if (isFocusRelevant(context)) {
+        list.unshift(context)
+      }
+    } else if (_isFocusable(context)) {
+      list.unshift(context)
+    }
+  }
+
+  return list
+}
+
+// NOTE: this selector MUST *never* be used directly,
+var supports$6 = void 0
+
+var selector$1 = void 0
+
+function selector$2() {
+  if (!supports$6) {
+    supports$6 = _supports()
+  }
+
+  if (typeof selector$1 === 'string') {
+    return selector$1
+  }
+
+  // https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute
+  selector$1 =
+    '' +
+    // IE11 supports.can focus <table> and <td>
+    (supports$6.focusTable ? 'table, td,' : '') +
+    // IE11 supports.can focus <fieldset>
+    (supports$6.focusFieldset ? 'fieldset,' : '') +
+    // Namespace problems of [xlink:href] explained in https://stackoverflow.com/a/23047888/515124
+    // svg a[*|href] does not match in IE9, but since we're filtering
+    // through is/focusable we can include all <a> from SVG
+    'svg a,' +
+    // may behave as 'svg, svg *,' in chrome as *every* svg element with a focus event listener is focusable
+    // navigational elements
+    'a[href],' +
+    // validity determined by is/valid-area.js
+    'area[href],' +
+    // validity determined by is/disabled.js
+    'input, select, textarea, button,' +
+    // browsing context containers
+    'iframe, object, embed,' +
+    // interactive content
+    'keygen,' +
+    (supports$6.focusAudioWithoutControls ? 'audio,' : 'audio[controls],') +
+    (supports$6.focusVideoWithoutControls ? 'video,' : 'video[controls],') +
+    (supports$6.focusSummary ? 'summary,' : '') +
+    // validity determined by is/valid-tabindex.js
+    '[tabindex],' +
+    // editing hosts
+    '[contenteditable]'
+
+  // where ShadowDOM is supported, we also want the shadowed focusable elements (via ">>>" or "/deep/")
+  selector$1 = selectInShadows(selector$1)
+
+  return selector$1
+}
+
+function queryFocusableQuick() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    includeContext = _ref.includeContext,
+    includeOnlyTabbable = _ref.includeOnlyTabbable
+
+  var _selector = selector$2()
+  var elements = context.querySelectorAll(_selector)
+  // the selector potentially matches more than really is focusable
+
+  var _isFocusable = isFocusable.rules.except({
+    onlyTabbable: includeOnlyTabbable,
+  })
+
+  var result = [].filter.call(elements, _isFocusable)
+
+  // add context if requested and focusable
+  if (includeContext && _isFocusable(context)) {
+    result.unshift(context)
+  }
+
+  return result
+}
+
+function queryFocusable() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    includeContext = _ref.includeContext,
+    includeOnlyTabbable = _ref.includeOnlyTabbable,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === undefined ? 'quick' : _ref$strategy
+
+  var element = contextToElement({
+    label: 'query/focusable',
+    resolveDocument: true,
+    defaultToDocument: true,
+    context: context,
+  })
+
+  var options = {
+    context: element,
+    includeContext: includeContext,
+    includeOnlyTabbable: includeOnlyTabbable,
+    strategy: strategy,
+  }
+
+  if (strategy === 'quick') {
+    return queryFocusableQuick(options)
+  } else if (strategy === 'strict' || strategy === 'all') {
+    return queryFocusableStrict(options)
+  }
+
+  throw new TypeError(
+    'query/focusable requires option.strategy to be one of ["quick", "strict", "all"]'
+  )
+}
+
+var supports$7 = void 0
+
+// Internet Explorer 11 considers fieldset, table, td focusable, but not tabbable
+// Internet Explorer 11 considers body to have [tabindex=0], but does not allow tabbing to it
+var focusableElementsPattern = /^(fieldset|table|td|body)$/
+
+function isTabbableRules() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    _ref$except = _ref.except,
+    except =
+      _ref$except === undefined
+        ? {
+          flexbox: false,
+          scrollable: false,
+          shadow: false,
+          visible: false,
+          onlyTabbable: false,
+        }
+        : _ref$except
+
+  if (!supports$7) {
+    supports$7 = _supports()
+  }
+
+  var element = contextToElement({
+    label: 'is/tabbable',
+    resolveDocument: true,
+    context: context,
+  })
+
+  if (platform.is.BLINK && platform.is.ANDROID && platform.majorVersion > 42) {
+    // External keyboard support worked fine in CHrome 42, but stopped working in Chrome 45.
+    // The on-screen keyboard does not provide a way to focus the next input element (like iOS does).
+    // That leaves us with no option to advance focus by keyboard, ergo nothing is tabbable (keyboard focusable).
+    return false
+  }
+
+  var frameElement = getFrameElement(element)
+  if (frameElement) {
+    if (platform.is.WEBKIT && platform.is.IOS) {
+      // iOS only does not consider anything from another browsing context keyboard focusable
+      return false
+    }
+
+    // iframe[tabindex="-1"] and object[tabindex="-1"] inherit the
+    // tabbable demotion onto elements of their browsing contexts
+    if (tabindexValue(frameElement) < 0) {
+      return false
+    }
+
+    if (
+      !except.visible &&
+      (platform.is.BLINK || platform.is.WEBKIT) &&
+      !isVisible(frameElement)
+    ) {
+      // Blink and WebKit consider elements in hidden browsing contexts focusable, but not tabbable
+      return false
+    }
+
+    // Webkit and Blink don't consider anything in <object> tabbable
+    // Blink fixed that fixed in Chrome 54, Opera 41
+    var frameNodeName = frameElement.nodeName.toLowerCase()
+    if (frameNodeName === 'object') {
+      var isFixedBlink =
+        (platform.name === 'Chrome' && platform.majorVersion >= 54) ||
+        (platform.name === 'Opera' && platform.majorVersion >= 41)
+
+      if (platform.is.WEBKIT || (platform.is.BLINK && !isFixedBlink)) {
+        return false
+      }
+    }
+  }
+
+  var nodeName = element.nodeName.toLowerCase()
+  var _tabindex = tabindexValue(element)
+  var tabindex = _tabindex === null ? null : _tabindex >= 0
+
+  if (
+    platform.is.EDGE &&
+    platform.majorVersion >= 14 &&
+    frameElement &&
+    element.ownerSVGElement &&
+    _tabindex < 0
+  ) {
+    // Edge 14+ considers <a xlink:href="…" tabindex="-1"> keyboard focusable
+    // if the element is in a nested browsing context
+    return true
+  }
+
+  var hasTabbableTabindexOrNone = tabindex !== false
+  var hasTabbableTabindex = _tabindex !== null && _tabindex >= 0
+
+  // NOTE: Firefox 31 considers [contenteditable] to have [tabindex=-1], but allows tabbing to it
+  // fixed in Firefox 40 the latest - https://bugzilla.mozilla.org/show_bug.cgi?id=1185657
+  if (element.hasAttribute('contenteditable')) {
+    // tabbing can still be disabled by explicitly providing [tabindex="-1"]
+    return hasTabbableTabindexOrNone
+  }
+
+  if (focusableElementsPattern.test(nodeName) && tabindex !== true) {
+    return false
+  }
+
+  if (platform.is.WEBKIT && platform.is.IOS) {
+    // iOS only considers a hand full of elements tabbable (keyboard focusable)
+    // this holds true even with external keyboards
+    var potentiallyTabbable =
+      (nodeName === 'input' && element.type === 'text') ||
+      element.type === 'password' ||
+      nodeName === 'select' ||
+      nodeName === 'textarea' ||
+      element.hasAttribute('contenteditable')
+
+    if (!potentiallyTabbable) {
+      var style = window.getComputedStyle(element, null)
+      potentiallyTabbable = isUserModifyWritable(style)
+    }
+
+    if (!potentiallyTabbable) {
+      return false
+    }
+  }
+
+  if (nodeName === 'use' && _tabindex !== null) {
+    if (
+      platform.is.BLINK ||
+      (platform.is.WEBKIT && platform.majorVersion === 9)
+    ) {
+      // In Chrome and Safari 9 the <use> element is keyboard focusable even for tabindex="-1"
+      return true
+    }
+  }
+
+  if (elementMatches(element, 'svg a') && element.hasAttribute('xlink:href')) {
+    if (hasTabbableTabindexOrNone) {
+      // in Trident and Gecko SVGElement does not handle the tabIndex property properly
+      return true
+    }
+
+    if (element.focus && !supports$7.focusSvgNegativeTabindexAttribute) {
+      // Firefox 51 and 52 treat any natively tabbable SVG element with
+      // tabindex="-1" as tabbable and everything else as inert
+      // see https://bugzilla.mozilla.org/show_bug.cgi?id=1302340
+      return true
+    }
+  }
+
+  if (
+    nodeName === 'svg' &&
+    supports$7.focusSvgInIframe &&
+    hasTabbableTabindexOrNone
+  ) {
+    return true
+  }
+
+  if (platform.is.TRIDENT || platform.is.EDGE) {
+    if (nodeName === 'svg') {
+      if (supports$7.focusSvg) {
+        // older Internet Explorers consider <svg> keyboard focusable
+        // unless they have focsable="false", but then they wouldn't
+        // be focusable and thus not even reach this filter
+        return true
+      }
+
+      // elements that have [focusable] are automatically keyboard focusable regardless of the attribute's value
+      return element.hasAttribute('focusable') || hasTabbableTabindex
+    }
+
+    if (element.ownerSVGElement) {
+      if (supports$7.focusSvgTabindexAttribute && hasTabbableTabindex) {
+        return true
+      }
+
+      // elements that have [focusable] are automatically keyboard focusable regardless of the attribute's value
+      return element.hasAttribute('focusable')
+    }
+  }
+  if (element.tabIndex === undefined) {
+    return Boolean(except.onlyTabbable)
+  }
+
+  if (nodeName === 'audio') {
+    if (!element.hasAttribute('controls')) {
+      // In Internet Explorer the <audio> element is focusable, but not tabbable, and tabIndex property is wrong
+      return false
+    } else if (platform.is.BLINK) {
+      // In Chrome <audio controls tabindex="-1"> remains keyboard focusable
+      return true
+    }
+  }
+
+  if (nodeName === 'video') {
+    if (!element.hasAttribute('controls')) {
+      if (platform.is.TRIDENT || platform.is.EDGE) {
+        // In Internet Explorer and Edge the <video> element is focusable, but not tabbable, and tabIndex property is wrong
+        return false
+      }
+    } else if (platform.is.BLINK || platform.is.GECKO) {
+      // In Chrome and Firefox <video controls tabindex="-1"> remains keyboard focusable
+      return true
+    }
+  }
+
+  if (nodeName === 'object') {
+    if (platform.is.BLINK || platform.is.WEBKIT) {
+      // In all Blink and WebKit based browsers <embed> and <object> are never keyboard focusable, even with tabindex="0" set
+      return false
+    }
+  }
+
+  if (nodeName === 'iframe') {
+    // In Internet Explorer all iframes are only focusable
+    // In WebKit, Blink and Gecko iframes may be tabbable depending on content.
+    // Since we can't reliably investigate iframe documents because of the
+    // SameOriginPolicy, we're declaring everything only focusable.
+    return false
+  }
+
+  if (!except.scrollable && platform.is.GECKO) {
+    // Firefox considers scrollable containers keyboard focusable,
+    // even though their tabIndex property is -1
+    var _style = window.getComputedStyle(element, null)
+    if (hasCssOverflowScroll(_style)) {
+      return hasTabbableTabindexOrNone
+    }
+  }
+
+  if (platform.is.TRIDENT || platform.is.EDGE) {
+    // IE and Edge degrade <area> to script focusable, if the image
+    // using the <map> has been given tabindex="-1"
+    if (nodeName === 'area') {
+      var img = getImageOfArea(element)
+      if (img && tabindexValue(img) < 0) {
+        return false
+      }
+    }
+
+    var _style2 = window.getComputedStyle(element, null)
+    if (isUserModifyWritable(_style2)) {
+      // prevent being swallowed by the overzealous isScrollableContainer() below
+      return element.tabIndex >= 0
+    }
+
+    if (!except.flexbox && hasCssDisplayFlex(_style2)) {
+      if (_tabindex !== null) {
+        return hasTabbableTabindex
+      }
+
+      return (
+        isFocusRelevantWithoutFlexbox(element) &&
+        isTabbableWithoutFlexbox(element)
+      )
+    }
+
+    // IE considers scrollable containers script focusable only,
+    // even though their tabIndex property is 0
+    if (isScrollableContainer(element, nodeName)) {
+      return false
+    }
+
+    var parent = element.parentElement
+    if (parent) {
+      var parentNodeName = parent.nodeName.toLowerCase()
+      var parentStyle = window.getComputedStyle(parent, null)
+      // IE considers scrollable bodies script focusable only,
+      if (
+        isScrollableContainer(parent, nodeName, parentNodeName, parentStyle)
+      ) {
+        return false
+      }
+
+      // Children of focusable elements with display:flex are focusable in IE10-11,
+      // even though their tabIndex property suggests otherwise
+      if (hasCssDisplayFlex(parentStyle)) {
+        // value of tabindex takes precedence
+        return hasTabbableTabindex
+      }
+    }
+  }
+
+  // https://www.w3.org/WAI/PF/aria-practices/#focus_tabindex
+  return element.tabIndex >= 0
+}
+
+// bind exceptions to an iterator callback
+isTabbableRules.except = function () {
+  var except =
+    arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+
+  var isTabbable = function isTabbable(context) {
+    return isTabbableRules({
+      context: context,
+      except: except,
+    })
+  }
+
+  isTabbable.rules = isTabbableRules
+  return isTabbable
+}
+
+var isFocusRelevantWithoutFlexbox = isFocusRelevant.rules.except({
+  flexbox: true,
+})
+var isTabbableWithoutFlexbox = isTabbableRules.except({ flexbox: true })
+
+// provide isTabbable(context) as default iterator callback
+var isTabbable = isTabbableRules.except({})
+
+function queryTabbable() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    includeContext = _ref.includeContext,
+    includeOnlyTabbable = _ref.includeOnlyTabbable,
+    strategy = _ref.strategy
+
+  var _isTabbable = isTabbable.rules.except({
+    onlyTabbable: includeOnlyTabbable,
+  })
+
+  return queryFocusable({
+    context: context,
+    includeContext: includeContext,
+    includeOnlyTabbable: includeOnlyTabbable,
+    strategy: strategy,
+  }).filter(_isTabbable)
+}
+
+// sorts a list of elements according to their order in the DOM
+
+function compareDomPosition(a, b) {
+  return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING
+    ? -1
+    : 1
+}
+
+function sortDomOrder(elements) {
+  return elements.sort(compareDomPosition)
+}
+
+function getFirstSuccessorOffset(list, target) {
+  // find the first element that comes AFTER the target element
+  return findIndex(list, function (element) {
+    return (
+      target.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING
+    )
+  })
+}
+
+function findInsertionOffsets(list, elements, resolveElement) {
+  // instead of mutating the elements list directly, remember position and map
+  // to inject later, when we can do this more efficiently
+  var insertions = []
+  elements.forEach(function (element) {
+    var replace = true
+    var offset = list.indexOf(element)
+
+    if (offset === -1) {
+      // element is not in target list
+      offset = getFirstSuccessorOffset(list, element)
+      replace = false
+    }
+
+    if (offset === -1) {
+      // there is no successor in the tabsequence,
+      // meaning the image must be the last element
+      offset = list.length
+    }
+
+    // allow the consumer to replace the injected element
+    var injections = nodeArray(
+      resolveElement ? resolveElement(element) : element
+    )
+    if (!injections.length) {
+      // we can't inject zero elements
+      return
+    }
+
+    insertions.push({
+      offset: offset,
+      replace: replace,
+      elements: injections,
+    })
+  })
+
+  return insertions
+}
+
+function insertElementsAtOffsets(list, insertions) {
+  // remember the number of elements we have already injected
+  // so we account for the caused index offset
+  var inserted = 0
+  // make sure that we insert the elements in sequence,
+  // otherwise the offset compensation won't work
+  insertions.sort(function (a, b) {
+    return a.offset - b.offset
+  })
+  insertions.forEach(function (insertion) {
+    // array.splice has an annoying function signature :(
+    var remove = insertion.replace ? 1 : 0
+    var args = [insertion.offset + inserted, remove].concat(insertion.elements)
+    list.splice.apply(list, args)
+    inserted += insertion.elements.length - remove
+  })
+}
+
+function mergeInDomOrder() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    list = _ref.list,
+    elements = _ref.elements,
+    resolveElement = _ref.resolveElement
+
+  // operate on a copy so we don't mutate the original array
+  var _list = list.slice(0)
+  // make sure the elements we're injecting are provided in DOM order
+  var _elements = nodeArray(elements).slice(0)
+  sortDomOrder(_elements)
+  // find the offsets within the target array (list) at which to inject
+  // each individual element (from elements)
+  var insertions = findInsertionOffsets(_list, _elements, resolveElement)
+  // actually inject the elements into the target array at the identified positions
+  insertElementsAtOffsets(_list, insertions)
+  return _list
+}
+
+var _createClass = (function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i]
+      descriptor.enumerable = descriptor.enumerable || false
+      descriptor.configurable = true
+      if ('value' in descriptor) descriptor.writable = true
+      Object.defineProperty(target, descriptor.key, descriptor)
+    }
+  }
+  return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps)
+    if (staticProps) defineProperties(Constructor, staticProps)
+    return Constructor
+  }
+})()
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function')
+  }
+}
+
+var Maps = (function () {
+  function Maps(context) {
+    _classCallCheck(this, Maps)
+
+    this._document = getDocument(context)
+    this.maps = {}
+  }
+
+  _createClass(Maps, [
+    {
+      key: 'getAreasFor',
+      value: function getAreasFor(name) {
+        if (!this.maps[name]) {
+          // the map is not defined within the context, so we
+          // have to go find it elsewhere in the document
+          this.addMapByName(name)
+        }
+
+        return this.maps[name]
+      },
+    },
+    {
+      key: 'addMapByName',
+      value: function addMapByName(name) {
+        var map = getMapByName(name, this._document)
+        if (!map) {
+          // if there is no map, the img[usemap] wasn't doing anything anyway
+          return
+        }
+
+        this.maps[map.name] = queryTabbable({ context: map })
+      },
+    },
+    {
+      key: 'extractAreasFromList',
+      value: function extractAreasFromList(elements) {
+        // remove all <area> elements from the elements list,
+        // but put them the map for later retrieval
+        return elements.filter(function (element) {
+          var nodeName = element.nodeName.toLowerCase()
+          if (nodeName !== 'area') {
+            return true
+          }
+
+          var map = element.parentNode
+          if (!this.maps[map.name]) {
+            this.maps[map.name] = []
+          }
+
+          this.maps[map.name].push(element)
+          return false
+        }, this)
+      },
+    },
+  ])
+
+  return Maps
+})()
+
+function sortArea(elements, context) {
+  // images - unless they are focusable themselves, likely not
+  // part of the elements list, so we'll have to find them and
+  // sort them into the elements list manually
+  var usemaps = context.querySelectorAll('img[usemap]')
+  var maps = new Maps(context)
+
+  // remove all <area> elements from the elements list,
+  // but put them the map for later retrieval
+  var _elements = maps.extractAreasFromList(elements)
+
+  if (!usemaps.length) {
+    // the context does not contain any <area>s so no need
+    // to replace anything, just remove any maps
+    return _elements
+  }
+
+  return mergeInDomOrder({
+    list: _elements,
+    elements: usemaps,
+    resolveElement: function resolveElement(image) {
+      var name = image.getAttribute('usemap').slice(1)
+      return maps.getAreasFor(name)
+    },
+  })
+}
+
+var _createClass$1 = (function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i]
+      descriptor.enumerable = descriptor.enumerable || false
+      descriptor.configurable = true
+      if ('value' in descriptor) descriptor.writable = true
+      Object.defineProperty(target, descriptor.key, descriptor)
+    }
+  }
+  return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps)
+    if (staticProps) defineProperties(Constructor, staticProps)
+    return Constructor
+  }
+})()
+
+function _classCallCheck$1(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function')
+  }
+}
+
+var Shadows = (function () {
+  function Shadows(context, sortElements) {
+    _classCallCheck$1(this, Shadows)
+
+    // document context we're working with
+    this.context = context
+    // callback that sorts an array of elements
+    this.sortElements = sortElements
+    // reference to create unique IDs for each ShadowHost
+    this.hostCounter = 1
+    // reference map for child-ShadowHosts of a ShadowHost
+    this.inHost = {}
+    // reference map for child-ShadowHost of the document
+    this.inDocument = []
+    // reference map for ShadowHosts
+    this.hosts = {}
+    // reference map for tabbable elements of a ShadowHost
+    this.elements = {}
+  }
+
+  // remember which hosts we have to sort within later
+
+  _createClass$1(Shadows, [
+    {
+      key: '_registerHost',
+      value: function _registerHost(host) {
+        if (host._sortingId) {
+          return
+        }
+
+        // make the ShadowHost identifiable (see cleanup() for undo)
+        host._sortingId = 'shadow-' + this.hostCounter++
+        this.hosts[host._sortingId] = host
+
+        // hosts may contain other hosts
+        var parentHost = getShadowHost({ context: host })
+        if (parentHost) {
+          this._registerHost(parentHost)
+          this._registerHostParent(host, parentHost)
+        } else {
+          this.inDocument.push(host)
+        }
+      },
+
+      // remember which host is the child of which other host
+    },
+    {
+      key: '_registerHostParent',
+      value: function _registerHostParent(host, parent) {
+        if (!this.inHost[parent._sortingId]) {
+          this.inHost[parent._sortingId] = []
+        }
+
+        this.inHost[parent._sortingId].push(host)
+      },
+
+      // remember which elements a host contains
+    },
+    {
+      key: '_registerElement',
+      value: function _registerElement(element, host) {
+        if (!this.elements[host._sortingId]) {
+          this.elements[host._sortingId] = []
+        }
+
+        this.elements[host._sortingId].push(element)
+      },
+
+      // remove shadowed elements from the sequence and register
+      // the ShadowHosts they belong to so we know what to sort
+      // later on
+    },
+    {
+      key: 'extractElements',
+      value: function extractElements(elements) {
+        return elements.filter(function (element) {
+          var host = getShadowHost({ context: element })
+          if (!host) {
+            return true
+          }
+
+          this._registerHost(host)
+          this._registerElement(element, host)
+          return false
+        }, this)
+      },
+
+      // inject hosts into the sequence, sort everything,
+      // and recoursively replace hosts by its descendants
+    },
+    {
+      key: 'sort',
+      value: function sort(elements) {
+        var _elements = this._injectHosts(elements)
+        _elements = this._replaceHosts(_elements)
+        this._cleanup()
+        return _elements
+      },
+
+      // merge ShadowHosts into the element lists of other ShadowHosts
+      // or the document, then sort the individual lists
+    },
+    {
+      key: '_injectHosts',
+      value: function _injectHosts(elements) {
+        Object.keys(this.hosts).forEach(function (_sortingId) {
+          var _list = this.elements[_sortingId]
+          var _elements = this.inHost[_sortingId]
+          var _context = this.hosts[_sortingId].shadowRoot
+          this.elements[_sortingId] = this._merge(_list, _elements, _context)
+        }, this)
+
+        return this._merge(elements, this.inDocument, this.context)
+      },
+    },
+    {
+      key: '_merge',
+      value: function _merge(list, elements, context) {
+        var merged = mergeInDomOrder({
+          list: list,
+          elements: elements,
+        })
+
+        return this.sortElements(merged, context)
+      },
+    },
+    {
+      key: '_replaceHosts',
+      value: function _replaceHosts(elements) {
+        return mergeInDomOrder({
+          list: elements,
+          elements: this.inDocument,
+          resolveElement: this._resolveHostElement.bind(this),
+        })
+      },
+    },
+    {
+      key: '_resolveHostElement',
+      value: function _resolveHostElement(host) {
+        var merged = mergeInDomOrder({
+          list: this.elements[host._sortingId],
+          elements: this.inHost[host._sortingId],
+          resolveElement: this._resolveHostElement.bind(this),
+        })
+
+        var _tabindex = tabindexValue(host)
+        if (_tabindex !== null && _tabindex > -1) {
+          return [host].concat(merged)
+        }
+
+        return merged
+      },
+    },
+    {
+      key: '_cleanup',
+      value: function _cleanup() {
+        // remove those identifers we put on the ShadowHost to avoid using Map()
+        Object.keys(this.hosts).forEach(function (key) {
+          delete this.hosts[key]._sortingId
+        }, this)
+      },
+    },
+  ])
+
+  return Shadows
+})()
+
+function sortShadowed(elements, context, sortElements) {
+  var shadows = new Shadows(context, sortElements)
+  var _elements = shadows.extractElements(elements)
+
+  if (_elements.length === elements.length) {
+    // no shadowed content found, no need to continue
+    return sortElements(elements)
+  }
+
+  return shadows.sort(_elements)
+}
+
+function sortTabindex(elements) {
+  // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.tabIndex
+  // elements with tabIndex "0" (including tabbableElements without tabIndex) should be navigated in the order they appear.
+  // elements with a positive tabIndex:
+  //   Elements that have identical tabIndexes should be navigated in the order they appear.
+  //   Navigation proceeds from the lowest tabIndex to the highest tabIndex.
+
+  // NOTE: sort implementation may be unstable and thus mess up DOM order,
+  // that's why we build a map that's being sorted instead. If we were able to rely
+  // on a stable sorting algorithm, sortTabindex() could be as simple as
+  // elements.sort(function(a, b) { return a.tabIndex - b.tabIndex; });
+  // at this time Chrome does not use a stable sorting algorithm
+  // see http://blog.rodneyrehm.de/archives/14-Sorting-Were-Doing-It-Wrong.html#stability
+
+  // NOTE: compareDocumentPosition seemed like more overhead than just sorting this with buckets
+  // https://developer.mozilla.org/en-US/docs/Web/API/Node.compareDocumentPosition
+
+  var map = {}
+  var indexes = []
+  var normal = elements.filter(function (element) {
+    // in Trident and Gecko SVGElement does not know about the tabIndex property
+    var tabIndex = element.tabIndex
+    if (tabIndex === undefined) {
+      tabIndex = tabindexValue(element)
+    }
+
+    // extract elements that don't need sorting
+    if (tabIndex <= 0 || tabIndex === null || tabIndex === undefined) {
+      return true
+    }
+
+    if (!map[tabIndex]) {
+      // create sortable bucket for dom-order-preservation of elements with the same tabIndex
+      map[tabIndex] = []
+      // maintain a list of unique tabIndexes
+      indexes.push(tabIndex)
+    }
+
+    // sort element into the proper bucket
+    map[tabIndex].push(element)
+    // element moved to sorting map, so not "normal" anymore
+    return false
+  })
+
+  // sort the tabindex ascending,
+  // then resolve them to their appropriate buckets,
+  // then flatten the array of arrays to an array
+  var _elements = indexes
+    .sort()
+    .map(function (tabIndex) {
+      return map[tabIndex]
+    })
+    .reduceRight(function (previous, current) {
+      return current.concat(previous)
+    }, normal)
+
+  return _elements
+}
+
+var supports$8 = void 0
+
+function moveContextToBeginning(elements, context) {
+  var pos = elements.indexOf(context)
+  if (pos > 0) {
+    var tmp = elements.splice(pos, 1)
+    return tmp.concat(elements)
+  }
+
+  return elements
+}
+
+function sortElements(elements, _context) {
+  if (supports$8.tabsequenceAreaAtImgPosition) {
+    // Some browsers sort <area> in DOM order, some place the <area>s
+    // where the <img> referecing them would've been in DOM order.
+    // https://github.com/medialize/ally.js/issues/5
+    elements = sortArea(elements, _context)
+  }
+
+  elements = sortTabindex(elements)
+  return elements
+}
+
+function queryTabsequence() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    context = _ref.context,
+    includeContext = _ref.includeContext,
+    includeOnlyTabbable = _ref.includeOnlyTabbable,
+    strategy = _ref.strategy
+
+  if (!supports$8) {
+    supports$8 = _supports()
+  }
+
+  var _context = nodeArray(context)[0] || document.documentElement
+  var elements = queryTabbable({
+    context: _context,
+    includeContext: includeContext,
+    includeOnlyTabbable: includeOnlyTabbable,
+    strategy: strategy,
+  })
+
+  if (document.body.createShadowRoot && platform.is.BLINK) {
+    // sort tabindex localized to shadow dom
+    // see https://github.com/medialize/ally.js/issues/6
+    elements = sortShadowed(elements, _context, sortElements)
+  } else {
+    elements = sortElements(elements, _context)
+  }
+
+  if (includeContext) {
+    // if we include the context itself, it has to be the first
+    // element of the sequence
+    elements = moveContextToBeginning(elements, _context)
+  }
+
+  return elements
+}
+
+// codes mostly cloned from https://github.com/keithamus/jwerty/blob/master/jwerty.js
+// deliberately not exposing characters like <,.-#* because they vary *wildly*
+// across keyboard layouts and may cause various problems
+// (e.g. "*" is "Shift +" on a German Mac keyboard)
+// (e.g. "@" is "Alt L" on a German Mac keyboard)
+
+var keycode = {
+  // Element Focus
+  tab: 9,
+
+  // Navigation
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  pageUp: 33,
+  'page-up': 33,
+  pageDown: 34,
+  'page-down': 34,
+  end: 35,
+  home: 36,
+
+  // Action
+  enter: 13,
+  escape: 27,
+  space: 32,
+
+  // Modifier
+  shift: 16,
+  capsLock: 20,
+  'caps-lock': 20,
+  ctrl: 17,
+  alt: 18,
+  meta: 91,
+  // in firefox: 224
+  // on mac (chrome): meta-left=91, meta-right=93
+  // on win (IE11): meta-left=91, meta-right=92
+  pause: 19,
+
+  // Content Manipulation
+  insert: 45,
+  delete: 46,
+  backspace: 8,
+
+  // the same logical key may be identified through different keyCodes
+  _alias: {
+    91: [92, 93, 224],
+  },
+}
+
+// Function keys (112 - 137)
+// NOTE: not every keyboard knows F13+
+for (var n = 1; n < 26; n++) {
+  keycode['f' + n] = n + 111
+}
+
+// Number keys (48-57, numpad 96-105)
+// NOTE: not every keyboard knows num-0+
+for (var _n = 0; _n < 10; _n++) {
+  var code = _n + 48
+  var numCode = _n + 96
+  keycode[_n] = code
+  keycode['num-' + _n] = numCode
+  keycode._alias[code] = [numCode]
+}
+
+// Latin characters (65 - 90)
+for (var _n2 = 0; _n2 < 26; _n2++) {
+  var _code = _n2 + 65
+  var name$1 = String.fromCharCode(_code).toLowerCase()
+  keycode[name$1] = _code
+}
+
+var modifier = {
+  alt: 'altKey',
+  ctrl: 'ctrlKey',
+  meta: 'metaKey',
+  shift: 'shiftKey',
+}
+
+var modifierSequence = Object.keys(modifier).map(function (name) {
+  return modifier[name]
+})
+
+function createExpectedModifiers(ignoreModifiers) {
+  var value = ignoreModifiers ? null : false
+  return {
+    altKey: value,
+    ctrlKey: value,
+    metaKey: value,
+    shiftKey: value,
+  }
+}
+
+function resolveModifiers(modifiers) {
+  var ignoreModifiers = modifiers.indexOf('*') !== -1
+  var expected = createExpectedModifiers(ignoreModifiers)
+
+  modifiers.forEach(function (token) {
+    if (token === '*') {
+      // we've already covered the all-in operator
+      return
+    }
+
+    // we want the modifier pressed
+    var value = true
+    var operator = token.slice(0, 1)
+    if (operator === '?') {
+      // we don't care if the modifier is pressed
+      value = null
+    } else if (operator === '!') {
+      // we do not want the modifier pressed
+      value = false
+    }
+
+    if (value !== true) {
+      // compensate for the modifier's operator
+      token = token.slice(1)
+    }
+
+    var propertyName = modifier[token]
+    if (!propertyName) {
+      throw new TypeError('Unknown modifier "' + token + '"')
+    }
+
+    expected[propertyName] = value
+  })
+
+  return expected
+}
+
+function resolveKey(key) {
+  var code = keycode[key] || parseInt(key, 10)
+  if (!code || typeof code !== 'number' || isNaN(code)) {
+    throw new TypeError('Unknown key "' + key + '"')
+  }
+
+  return [code].concat(keycode._alias[code] || [])
+}
+
+function matchModifiers(expected, event) {
+  // returns true on match
+  return !modifierSequence.some(function (prop) {
+    // returns true on mismatch
+    return (
+      typeof expected[prop] === 'boolean' &&
+      Boolean(event[prop]) !== expected[prop]
+    )
+  })
+}
+
+function keyBinding(text) {
+  return text.split(/\s+/).map(function (_text) {
+    var tokens = _text.split('+')
+    var _modifiers = resolveModifiers(tokens.slice(0, -1))
+    var _keyCodes = resolveKey(tokens.slice(-1))
+    return {
+      keyCodes: _keyCodes,
+      modifiers: _modifiers,
+      matchModifiers: matchModifiers.bind(null, _modifiers),
+    }
+  })
+}
+
+// Node.compareDocumentPosition is available since IE9
+// see https://developer.mozilla.org/en-US/docs/Web/API/Node.compareDocumentPosition
+
+// callback returns true when element is contained by parent or is the parent suited for use with Array.some()
+/*
+  USAGE:
+    var isChildOf = getParentComparator({parent: someNode});
+    listOfElements.some(isChildOf)
+*/
+
+function getParentComparator() {
+  var _ref =
+      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    parent = _ref.parent,
+    element = _ref.element,
+    includeSelf = _ref.includeSelf
+
+  if (parent) {
+    return function isChildOf(node) {
+      return Boolean(
+        (includeSelf && node === parent) ||
+        parent.compareDocumentPosition(node) &
+        Node.DOCUMENT_POSITION_CONTAINED_BY
+      )
+    }
+  } else if (element) {
+    return function isParentOf(node) {
+      return Boolean(
+        (includeSelf && element === node) ||
+        node.compareDocumentPosition(element) &
+        Node.DOCUMENT_POSITION_CONTAINED_BY
+      )
+    }
+  }
+
+  throw new TypeError(
+    'util/compare-position#getParentComparator required either options.parent or options.element'
+  )
+}
+
+// Bug 286933 - Key events in the autocomplete popup should be hidden from page scripts
+// @browser-issue Gecko https://bugzilla.mozilla.org/show_bug.cgi?id=286933
+
+function whenKey() {
+  var map =
+    arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}
+
+  var bindings = {}
+
+  var context = nodeArray(map.context)[0] || document.documentElement
+  delete map.context
+  var filter = nodeArray(map.filter)
+  delete map.filter
+
+  var mapKeys = Object.keys(map)
+  if (!mapKeys.length) {
+    throw new TypeError('when/key requires at least one option key')
+  }
+
+  var registerBinding = function registerBinding(event) {
+    event.keyCodes.forEach(function (code) {
+      if (!bindings[code]) {
+        bindings[code] = []
+      }
+
+      bindings[code].push(event)
+    })
+  }
+
+  mapKeys.forEach(function (text) {
+    if (typeof map[text] !== 'function') {
+      throw new TypeError(
+        'when/key requires option["' + text + '"] to be a function'
+      )
+    }
+
+    var addCallback = function addCallback(event) {
+      event.callback = map[text]
+      return event
+    }
+
+    keyBinding(text).map(addCallback).forEach(registerBinding)
+  })
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.defaultPrevented) {
+      return
+    }
+
+    if (filter.length) {
+      // ignore elements within the exempted sub-trees
+      var isParentOfElement = getParentComparator({
+        element: event.target,
+        includeSelf: true,
+      })
+      if (filter.some(isParentOfElement)) {
+        return
+      }
+    }
+
+    var key = event.keyCode || event.which
+    if (!bindings[key]) {
+      return
+    }
+
+    bindings[key].forEach(function (_event) {
+      if (!_event.matchModifiers(event)) {
+        return
+      }
+
+      _event.callback.call(context, event, disengage)
+    })
+  }
+
+  context.addEventListener('keydown', handleKeyDown, false)
+
+  var disengage = function disengage() {
+    context.removeEventListener('keydown', handleKeyDown, false)
+  }
+
+  return { disengage: disengage }
+}
+
+export default function ({ context } = {}) {
+  if (!context) {
+    context = document.documentElement
+  }
+
+  // Make sure the supports tests are run before intercepting the Tab key,
+  // or IE10 and IE11 will fail to process the first Tab key event. Not
+  // limiting this warm-up to IE because it may be a problem elsewhere, too.
+  queryTabsequence()
+
+  return whenKey({
+    // Safari on OSX may require ALT+TAB to reach links,
+    // see https://github.com/medialize/ally.js/issues/146
+    '?alt+?shift+tab': function altShiftTab(event) {
+      // we're completely taking over the Tab key handling
+      event.preventDefault()
+
+      var sequence = queryTabsequence({
+        context: context,
+      })
+
+      var backward = event.shiftKey
+      var first = sequence[0]
+      var last = sequence[sequence.length - 1]
+
+      // wrap around first to last, last to first
+      var source = backward ? first : last
+      var target = backward ? last : first
+      if (isActiveElement(source)) {
+        target.focus()
+        return
+      }
+
+      // find current position in tabsequence
+      var currentIndex = void 0
+      var found = sequence.some(function (element, index) {
+        if (!isActiveElement(element)) {
+          return false
+        }
+
+        currentIndex = index
+        return true
+      })
+
+      if (!found) {
+        // redirect to first as we're not in our tabsequence
+        first.focus()
+        return
+      }
+
+      // shift focus to previous/next element in the sequence
+      var offset = backward ? -1 : 1
+      sequence[currentIndex + offset].focus()
+    },
+  })
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/keys.js b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/keys.js
new file mode 100644
index 0000000000000..47d2470a384ae
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/keys.js
@@ -0,0 +1,80 @@
+// Copied from https://github.com/carbon-design-system/carbon
+// License: Apache-2.0
+// Copyright IBM Corp. 2016, 2018
+// Entrypoint: packages/react/src/internal/keyboard/keys.js
+
+export const Tab = {
+  key: `Tab`,
+  which: 9,
+  keyCode: 9,
+}
+
+export const Enter = {
+  key: `Enter`,
+  which: 13,
+  keyCode: 13,
+}
+
+export const Escape = {
+  key: [
+    `Escape`,
+    // IE11 Escape
+    `Esc`,
+  ],
+  which: 27,
+  keyCode: 27,
+}
+
+export const Space = {
+  key: ` `,
+  which: 32,
+  keyCode: 32,
+}
+
+export const PageUp = {
+  key: `PageUp`,
+  which: 33,
+  keyCode: 33,
+}
+
+export const PageDown = {
+  key: `PageDown`,
+  which: 34,
+  keyCode: 34,
+}
+
+export const End = {
+  key: `End`,
+  which: 35,
+  keyCode: 35,
+}
+
+export const Home = {
+  key: `Home`,
+  which: 36,
+  keyCode: 36,
+}
+
+export const ArrowLeft = {
+  key: `ArrowLeft`,
+  which: 37,
+  keyCode: 37,
+}
+
+export const ArrowUp = {
+  key: `ArrowUp`,
+  which: 38,
+  keyCode: 38,
+}
+
+export const ArrowRight = {
+  key: `ArrowRight`,
+  which: 39,
+  keyCode: 39,
+}
+
+export const ArrowDown = {
+  key: `ArrowDown`,
+  which: 40,
+  keyCode: 40,
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/lock-body.js b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/lock-body.js
new file mode 100644
index 0000000000000..9c850f519b2a8
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/lock-body.js
@@ -0,0 +1,52 @@
+// Adapted from https://github.com/vercel/next.js
+// License: MIT
+// Copyright (c) 2021 Vercel, Inc.
+//
+// Entrypoint: react-dev-overlay/src/internal/components/Overlay/body-locker.ts
+
+let previousBodyPaddingRight
+let previousBodyOverflowSetting
+
+let activeLocks = 0
+
+export function lock() {
+  setTimeout(() => {
+    if (activeLocks++ > 0) {
+      return
+    }
+
+    const scrollBarGap =
+      window.innerWidth - document.documentElement.clientWidth
+    const rootElement = document.getElementById(`___gatsby`)
+
+    if (scrollBarGap > 0) {
+      previousBodyPaddingRight = document.body.style.paddingRight
+      document.body.style.paddingRight = `${scrollBarGap}px`
+    }
+
+    previousBodyOverflowSetting = document.body.style.overflow
+    document.body.style.overflow = `hidden`
+    rootElement.setAttribute(`aria-hidden`, `true`)
+  })
+}
+
+export function unlock() {
+  setTimeout(() => {
+    if (activeLocks === 0 || --activeLocks !== 0) {
+      return
+    }
+
+    const rootElement = document.getElementById(`___gatsby`)
+    rootElement.removeAttribute(`aria-hidden`)
+
+    if (previousBodyPaddingRight !== undefined) {
+      document.body.style.paddingRight = previousBodyPaddingRight
+      previousBodyPaddingRight = undefined
+    }
+
+    if (previousBodyOverflowSetting !== undefined) {
+      document.body.style.overflow = previousBodyOverflowSetting
+      previousBodyOverflowSetting = undefined
+    }
+  })
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/match.js b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/match.js
new file mode 100644
index 0000000000000..8ccdb68298845
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/helpers/match.js
@@ -0,0 +1,42 @@
+// Copied from https://github.com/carbon-design-system/carbon
+// License: Apache-2.0
+// Copyright IBM Corp. 2016, 2018
+// Entrypoint: packages/react/src/internal/keyboard/match.js
+
+/**
+ * Check to see if the given key matches the corresponding keyboard event. Also
+ * supports passing in the value directly if you can't used the given event.
+ *
+ * @example
+ * import * as keys from '../keys';
+ * import { matches } from '../match';
+ *
+ * function handleOnKeyDown(event) {
+ *   if (match(event, keys.Enter) {
+ *     // ...
+ *   }
+ * }
+ *
+ * @param {Event|number|string} eventOrCode
+ * @param {Key} key
+ * @returns {boolean}
+ */
+export function match(eventOrCode, { key, which, keyCode } = {}) {
+  if (typeof eventOrCode === `string`) {
+    return eventOrCode === key
+  }
+
+  if (typeof eventOrCode === `number`) {
+    return eventOrCode === which || eventOrCode === keyCode
+  }
+
+  if (eventOrCode.key && Array.isArray(key)) {
+    return key.indexOf(eventOrCode.key) !== -1
+  }
+
+  return (
+    eventOrCode.key === key ||
+    eventOrCode.which === which ||
+    eventOrCode.keyCode === keyCode
+  )
+}
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/index.js b/packages/gatsby/cache-dir/fast-refresh-overlay/index.js
index df29150363444..f00008be01034 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/index.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/index.js
@@ -1,126 +1,114 @@
-import React from "react"
-import client from "webpack-hot-middleware/client"
-
-import ErrorBoundary from "./components/error-boundary"
-import Portal from "./components/portal"
-import Style from "./components/style"
-import BuildError from "./components/build-error"
-import RuntimeError from "./components/runtime-error"
-
-export default class FastRefreshOverlay extends React.Component {
-  state = {
-    errors: [],
-    buildError: null,
-    currentIndex: 0,
-  }
-
-  _isMounted = false
-
-  dismiss = () => {
-    // eslint-disable-next-line no-invalid-this
-    this.setState({ errors: [], currenIndex: 0, buildError: null })
-  }
-
-  addBuildError = error => {
-    // eslint-disable-next-line no-invalid-this
-    this.setState({ buildError: error })
+import * as React from "react"
+import { ErrorBoundary } from "./components/error-boundary"
+import { ShadowPortal } from "./components/portal"
+import { Style } from "./style"
+import { BuildError } from "./components/build-error"
+import { RuntimeErrors } from "./components/runtime-errors"
+import { GraphqlErrors } from "./components/graphql-errors"
+
+const reducer = (state, event) => {
+  switch (event.action) {
+    case `CLEAR_COMPILE_ERROR`: {
+      return { ...state, buildError: null }
+    }
+    case `CLEAR_RUNTIME_ERRORS`: {
+      return { ...state, errors: [] }
+    }
+    case `SHOW_COMPILE_ERROR`: {
+      return { ...state, buildError: event.payload }
+    }
+    case `HANDLE_RUNTIME_ERROR`:
+    case `SHOW_RUNTIME_ERRORS`: {
+      return { ...state, errors: state.errors.concat(event.payload) }
+    }
+    case `SHOW_GRAPHQL_ERRORS`: {
+      return {
+        ...state,
+        graphqlErrors: event.payload,
+      }
+    }
+    case `CLEAR_GRAPHQL_ERRORS`: {
+      return { ...state, graphqlErrors: [] }
+    }
+    case `DISMISS`: {
+      return {
+        ...state,
+        buildError: null,
+        errors: [],
+        graphqlErrors: [],
+      }
+    }
+    default: {
+      return state
+    }
   }
+}
 
-  open = (file, lineNumber = 1) => {
-    window.fetch(
-      `/__open-stack-frame-in-editor?fileName=` +
-        window.encodeURIComponent(file) +
-        `&lineNumber=` +
-        window.encodeURIComponent(lineNumber)
-    )
-  }
+const initialState = {
+  errors: [],
+  buildError: null,
+  graphqlErrors: [],
+}
 
-  componentDidMount() {
-    this._isMounted = true
+function DevOverlay({ children }) {
+  const [state, dispatch] = React.useReducer(reducer, initialState)
 
-    client.useCustomOverlay({
-      showProblems: (type, data) => {
-        if (this._isMounted) {
-          this.addBuildError(data[0])
+  React.useEffect(() => {
+    const gatsbyEvents = window._gatsbyEvents
+    window._gatsbyEvents = {
+      push: ([channel, event]) => {
+        if (channel === `FAST_REFRESH`) {
+          dispatch(event)
         }
       },
-      // We rely on Fast Refresh notifying us on updates as HMR notification is "not at the right time"
-      clear: () => {
-        this.setState({ buildError: null })
-      },
-    })
-
-    // TODO: Maybe only do this? Investigate if third-party stuff should be visible
-
-    // window.addEventListener(`error`, error => {
-    //   setProblems(s =>
-    //     s.concat({
-    //       type: `RUNTIME_ERROR`,
-    //       error,
-    //     })
-    //   )
-    // })
-
-    // TODO: Add e2e test case, e.g. useEffect in a component to fetch invalid URL
+    }
 
-    // window.addEventListener(`unhandledrejection`, error => {
-    //   setProblems(s =>
-    //     s.concat({
-    //       type: `RUNTIME_ERROR`,
-    //       error: error.reason,
-    //     })
-    //   )
-    // })
+    gatsbyEvents.forEach(([channel, event]) => {
+      if (channel === `FAST_REFRESH`) {
+        dispatch(event)
+      }
+    })
+    return () => {
+      window._gatsbyEvents = []
+    }
+  }, [dispatch])
+
+  const dismiss = () => {
+    dispatch({ action: `DISMISS` })
+    window._gatsbyEvents = []
   }
 
-  componentWillUnmount() {
-    this._isMounted = false
+  const hasBuildError = state.buildError !== null
+  const hasRuntimeErrors = Boolean(state.errors.length)
+  const hasGraphqlErrors = Boolean(state.graphqlErrors.length)
+  const hasErrors = hasBuildError || hasRuntimeErrors || hasGraphqlErrors
+
+  // This component has a deliberate order (priority)
+  const ErrorComponent = () => {
+    if (hasBuildError) {
+      return <BuildError error={state.buildError} />
+    }
+    if (hasRuntimeErrors) {
+      return <RuntimeErrors errors={state.errors} dismiss={dismiss} />
+    }
+    if (hasGraphqlErrors) {
+      return <GraphqlErrors errors={state.graphqlErrors} dismiss={dismiss} />
+    }
+
+    return null
   }
 
-  render() {
-    const { errors, currentIndex, buildError } = this.state
-    const error = errors[currentIndex]
-    const hasBuildError = buildError !== null
-    const hasRuntimeError = Boolean(errors.length)
-
-    const hasErrors = hasBuildError || hasRuntimeError
-
-    return (
-      <React.Fragment>
-        <ErrorBoundary
-          clearErrors={() => {
-            this.setState({ errors: [], buildError: null })
-          }}
-          onError={error => {
-            this.setState(prevState => {
-              const insertedError = { type: `RUNTIME_ERROR`, error }
-              return {
-                errors: [...prevState.errors, insertedError],
-              }
-            })
-          }}
-        >
-          {this.props.children ?? null}
-        </ErrorBoundary>
-        {hasErrors ? (
-          <Portal>
-            <Style />
-            {hasBuildError ? (
-              <BuildError
-                error={buildError}
-                open={this.open}
-                dismiss={this.dismiss}
-              />
-            ) : hasRuntimeError ? (
-              <RuntimeError
-                error={error}
-                open={this.open}
-                dismiss={this.dismiss}
-              />
-            ) : undefined}
-          </Portal>
-        ) : undefined}
-      </React.Fragment>
-    )
-  }
+  return (
+    <React.Fragment>
+      <ErrorBoundary hasErrors={hasErrors}>{children ?? null}</ErrorBoundary>
+      {hasErrors ? (
+        <ShadowPortal>
+          <Style />
+          <ErrorComponent />
+        </ShadowPortal>
+      ) : undefined}
+    </React.Fragment>
+  )
 }
+
+export default DevOverlay
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/style.js b/packages/gatsby/cache-dir/fast-refresh-overlay/style.js
new file mode 100644
index 0000000000000..99590fd0c4b70
--- /dev/null
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/style.js
@@ -0,0 +1,322 @@
+import * as React from "react"
+
+function css(strings, ...keys) {
+  const lastIndex = strings.length - 1
+  return (
+    strings.slice(0, lastIndex).reduce((p, s, i) => p + s + keys[i], ``) +
+    strings[lastIndex]
+  )
+}
+
+export const Style = () => (
+  <style
+    dangerouslySetInnerHTML={{
+      __html: css`
+        :host {
+          --gatsby: #663399;
+          --gatsbyLight: #9158ca;
+          --dimmedWhite: rgba(255, 255, 255, 0.8);
+          --codeFrame-bg: #eeeeee;
+          --codeFrame-color: #414141;
+          --codeFrame-button-bg: white;
+          --white: #ffffff;
+          --black: #000000;
+          --color-ansi-selection: rgba(95, 126, 151, 0.48);
+          --color-ansi-bg: #fafafa;
+          --color-ansi-bg-darker: #eeeeee;
+          --color-ansi-fg: #545454;
+          --color-ansi-white: #969896;
+          --color-ansi-black: #141414;
+          --color-ansi-blue: #183691;
+          --color-ansi-cyan: #007faa;
+          --color-ansi-green: #008000;
+          --color-ansi-magenta: #795da3;
+          --color-ansi-red: #d91e18;
+          --color-ansi-yellow: #aa5d00;
+          --color-ansi-bright-white: #ffffff;
+          --color-ansi-bright-black: #545454;
+          --color-ansi-bright-blue: #183691;
+          --color-ansi-bright-cyan: #007faa;
+          --color-ansi-bright-green: #008000;
+          --color-ansi-bright-magenta: #795da3;
+          --color-ansi-bright-red: #d91e18;
+          --color-ansi-bright-yellow: #aa5d00;
+          --radii: 5px;
+          --z-index-elevated: 1000;
+          --space: 1.5em;
+          --space-sm: 1em;
+          --space-lg: 2.5em;
+        }
+
+        [data-gatsby-overlay="backdrop"] {
+          background: rgba(72, 67, 79, 0.5);
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          height: 100%;
+          width: 100%;
+          backdrop-filter: blur(10px);
+          cursor: not-allowed;
+        }
+
+        [data-gatsby-overlay="root"] {
+          font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+            Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+            "Segoe UI Symbol" !important;
+          background: var(--color-ansi-bright-white);
+          position: fixed;
+          width: 100%;
+          max-width: 60%;
+          min-width: 320px;
+          max-height: 90%;
+          top: 50%;
+          left: 50%;
+          transform: translateX(-50%) translateY(-50%);
+          box-shadow: rgba(46, 41, 51, 0.08) 0px 7px 19px 11px,
+            rgba(71, 63, 79, 0.08) 0px 2px 4px;
+          border-radius: var(--radii);
+          display: inline-flex;
+          flex-direction: column;
+          z-index: var(--z-index-elevated);
+        }
+
+        [data-gatsby-overlay="header"] {
+          display: grid;
+          grid-gap: var(--space-sm);
+          grid-template-columns: 1fr;
+          color: var(--dimmedWhite);
+          background: var(--gatsby);
+          padding: var(--space);
+          border-top-left-radius: var(--radii);
+          border-top-right-radius: var(--radii);
+        }
+
+        [data-gatsby-overlay="body"] {
+          padding: var(--space);
+          overflow: auto;
+        }
+
+        [data-gatsby-overlay="body__describedby"] {
+          margin-top: 0;
+          margin-bottom: var(--space);
+        }
+
+        [data-gatsby-overlay="body"] h2 {
+          margin-top: 0;
+          font-weight: 500;
+          font-size: 1.25em;
+        }
+
+        [data-gatsby-overlay="pre"] {
+          margin: 0;
+          color: var(--color-ansi-fg);
+          background: var(--color-ansi-bg);
+          padding: var(--space-sm);
+          border-radius: var(--radii);
+          overflow: auto;
+        }
+
+        [data-gatsby-overlay="header__top"] {
+          display: flex;
+          align-items: flex-start;
+          justify-content: space-between;
+        }
+
+        [data-gatsby-overlay="header__open-close"] {
+          display: flex;
+          align-items: flex-start;
+          justify-content: flex-end;
+        }
+
+        [data-gatsby-overlay="header__cause-file"] {
+          word-break: break-word;
+        }
+
+        [data-gatsby-overlay="header__cause-file"] h1,
+        [data-gatsby-overlay="header__top"] h1 {
+          margin-top: 0;
+          margin-bottom: 0;
+          font-size: 1.25em;
+          font-weight: 400;
+        }
+
+        header[data-gatsby-error-type="runtime-error"]
+          [data-gatsby-overlay="header__cause-file"]
+          h1 {
+          color: var(--white);
+        }
+
+        [data-gatsby-overlay="header__cause-file"] span {
+          font-size: 1.25em;
+          color: var(--white);
+          font-weight: 500;
+        }
+
+        [data-gatsby-overlay="header__open-in-editor"] {
+          align-items: center;
+          border-radius: var(--radii);
+          justify-content: center;
+          line-height: 1;
+          cursor: pointer;
+          color: var(--white);
+          border: 1px solid var(--gatsby);
+          background: var(--gatsbyLight);
+          font-size: 0.9em;
+          height: 32px;
+          min-width: 2em;
+          padding: 0.25em 0.75em;
+          appearance: none;
+        }
+
+        [data-gatsby-overlay="codeframe__top"] {
+          display: flex;
+          justify-content: space-between;
+          background: var(--codeFrame-bg);
+          padding: 0.5em var(--space-sm);
+          color: var(--codeFrame-color);
+        }
+
+        [data-gatsby-overlay="body__open-in-editor"] {
+          align-items: center;
+          border-radius: var(--radii);
+          justify-content: center;
+          cursor: pointer;
+          color: var(--codeFrame-color);
+          border: none;
+          background: var(--codeFrame-button-bg);
+          font-size: 0.9em;
+          min-width: 2em;
+          padding: 0.25em 0.75em;
+          appearance: none;
+        }
+
+        [data-gatsby-overlay="header__close-button"] {
+          cursor: pointer;
+          border: 0;
+          padding: 0;
+          background-color: var(--gatsbyLight);
+          color: var(--white);
+          appearance: none;
+          height: 32px;
+          width: 32px;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          border-radius: var(--radii);
+          margin-left: var(--space-sm);
+        }
+
+        [data-gatsby-overlay="body__graphql-error-message"] {
+          margin-top: var(--space);
+        }
+
+        [data-gatsby-overlay="codeframe__bottom"] {
+          margin-top: var(--space);
+        }
+
+        [data-gatsby-overlay="body__error-message-header"] {
+          font-size: 1.2em;
+          color: var(--black);
+          margin-bottom: 1em;
+        }
+
+        [data-font-weight="bold"] {
+          font-weight: 600;
+        }
+
+        [data-gatsby-overlay="footer"] {
+          padding: 0 var(--space) var(--space) var(--space);
+        }
+
+        [data-gatsby-overlay="accordion"] {
+          width: 100%;
+          list-style: none;
+          margin: 0;
+          padding: 0;
+          border: 0;
+        }
+
+        [data-gatsby-overlay="accordion__item"] {
+          overflow: visible;
+          box-sizing: border-box;
+          border-top: 1px solid #e0e0e0;
+          transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+          margin: 0;
+          padding: 0;
+          vertical-align: baseline;
+          font-size: 100%;
+        }
+
+        [data-gatsby-overlay="accordion__item__heading"] {
+          background: none;
+          border: 0;
+          position: relative;
+          display: flex;
+          flex-direction: row-reverse;
+          align-items: flex-start;
+          justify-content: flex-start;
+          width: 100%;
+          min-height: 2.5em;
+          margin: 0;
+          padding: 1em 0;
+          cursor: pointer;
+          appearance: none;
+        }
+
+        [data-gatsby-overlay="accordion__item__heading"] svg {
+          flex: 0 0 1em;
+          width: 1em;
+          height: 1em;
+          margin: 2px 1em 0 0;
+        }
+
+        [data-gatsby-overlay="accordion__item__title"] {
+          width: 100%;
+          text-align: left;
+          font-size: 18px;
+          color: var(--black);
+        }
+
+        [data-gatsby-overlay="accordion__item__content"] {
+          display: none;
+          padding-top: 0;
+          padding-bottom: 0;
+          transition: padding 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);
+        }
+
+        [data-accordion-active="true"]
+          [data-gatsby-overlay="accordion__item__content"] {
+          display: block;
+          padding-bottom: var(--space);
+          transition: padding 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);
+        }
+
+        [data-accordion-active="false"]
+          [data-gatsby-overlay="accordion__item__content"] {
+          display: none;
+        }
+
+        [data-gatsby-overlay="chevron-icon"] {
+          transform: rotate(90deg);
+          transition: all 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);
+        }
+
+        [data-accordion-active="false"] [data-gatsby-overlay="chevron-icon"] {
+          transform: rotate(90deg);
+        }
+
+        [data-accordion-active="true"] [data-gatsby-overlay="chevron-icon"] {
+          transform: rotate(-90deg);
+        }
+
+        @media (min-width: 768px) {
+          [data-gatsby-overlay="header"] {
+            grid-template-columns: 1fr auto;
+          }
+        }
+      `,
+    }}
+  />
+)
diff --git a/packages/gatsby/cache-dir/fast-refresh-overlay/utils.js b/packages/gatsby/cache-dir/fast-refresh-overlay/utils.js
index 9321ca45b34c1..722c93b755dea 100644
--- a/packages/gatsby/cache-dir/fast-refresh-overlay/utils.js
+++ b/packages/gatsby/cache-dir/fast-refresh-overlay/utils.js
@@ -13,3 +13,53 @@ export function prettifyStack(errorInformation) {
     json: true,
   })
 }
+
+export function openInEditor(file, lineNumber = 1) {
+  window.fetch(
+    `/__open-stack-frame-in-editor?fileName=` +
+      window.encodeURIComponent(file) +
+      `&lineNumber=` +
+      window.encodeURIComponent(lineNumber)
+  )
+}
+
+export function getCodeFrameInformation(stackTrace) {
+  const callSite = stackTrace.find(CallSite => CallSite.getFileName())
+  if (!callSite) {
+    return null
+  }
+
+  const moduleId = formatFilename(callSite.getFileName())
+  const lineNumber = callSite.getLineNumber()
+  const columnNumber = callSite.getColumnNumber()
+  const functionName = callSite.getFunctionName()
+
+  return {
+    moduleId,
+    lineNumber,
+    columnNumber,
+    functionName,
+  }
+}
+
+const lineNumberRegex = /^[0-9]*:[0-9]*$/g
+
+export function getLineNumber(error) {
+  const match = error.match(lineNumberRegex)
+
+  return match?.[1]
+}
+
+export function formatFilename(filename) {
+  const htmlMatch = /^https?:\/\/(.*)\/(.*)/.exec(filename)
+  if (htmlMatch && htmlMatch[1] && htmlMatch[2]) {
+    return htmlMatch[2]
+  }
+
+  const sourceMatch = /^webpack-internal:\/\/\/(.*)$/.exec(filename)
+  if (sourceMatch && sourceMatch[1]) {
+    return sourceMatch[1]
+  }
+
+  return filename
+}
diff --git a/packages/gatsby/package.json b/packages/gatsby/package.json
index 8b188495ddc10..0c0ba655178c6 100644
--- a/packages/gatsby/package.json
+++ b/packages/gatsby/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby",
   "description": "Blazing fast modern site generator for React",
-  "version": "3.0.0-next.9",
+  "version": "3.1.0-next.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "bin": {
     "gatsby": "./cli.js"
@@ -12,31 +12,32 @@
   "dependencies": {
     "@babel/code-frame": "^7.10.4",
     "@babel/core": "^7.12.3",
+    "@babel/eslint-parser": "^7.13.4",
     "@babel/parser": "^7.12.5",
     "@babel/runtime": "^7.12.5",
     "@babel/traverse": "^7.12.5",
     "@babel/types": "^7.12.6",
+    "@gatsbyjs/webpack-hot-middleware": "^2.25.2",
     "@hapi/joi": "^15.1.1",
     "@mikaelkristiansson/domready": "^1.0.10",
     "@nodelib/fs.walk": "^1.2.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
     "@reach/router": "^1.3.4",
     "@types/http-proxy": "^1.17.4",
-    "@typescript-eslint/eslint-plugin": "^4.14.2",
-    "@typescript-eslint/parser": "^4.14.2",
+    "@typescript-eslint/eslint-plugin": "^4.15.2",
+    "@typescript-eslint/parser": "^4.15.2",
     "address": "1.1.2",
     "anser": "^2.0.1",
     "ansi-html": "^0.0.7",
     "autoprefixer": "^9.8.4",
     "axios": "^0.21.1",
-    "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
-    "babel-plugin-remove-graphql-queries": "^3.0.0-next.3",
-    "babel-preset-gatsby": "^1.0.0-next.4",
+    "babel-plugin-remove-graphql-queries": "^3.1.0-next.0",
+    "babel-preset-gatsby": "^1.1.0-next.0",
     "better-opn": "^2.0.0",
     "better-queue": "^3.8.10",
     "bluebird": "^3.7.2",
@@ -53,22 +54,23 @@
     "cors": "^2.8.5",
     "css-loader": "^5.0.1",
     "css-minimizer-webpack-plugin": "^1.2.0",
+    "css.escape": "^1.5.1",
     "date-fns": "^2.14.0",
     "debug": "^3.2.7",
     "del": "^5.1.0",
     "detect-port": "^1.3.0",
     "devcert": "^1.1.3",
     "dotenv": "^8.2.0",
-    "eslint": "^7.0.0",
-    "eslint-config-react-app": "^5.2.1",
-    "eslint-plugin-flowtype": "^3.13.0",
+    "eslint": "^7.20.0",
+    "eslint-config-react-app": "^6.0.0",
+    "eslint-plugin-flowtype": "^5.3.1",
     "eslint-plugin-graphql": "^4.0.0",
-    "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-react": "^7.20.6",
-    "eslint-plugin-react-hooks": "^1.7.0",
-    "event-source-polyfill": "^1.0.15",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-webpack-plugin": "^2.5.2",
+    "event-source-polyfill": "^1.0.15",
     "execa": "^4.0.3",
     "express": "^4.17.1",
     "express-graphql": "^0.9.0",
@@ -78,16 +80,16 @@
     "find-cache-dir": "^3.3.1",
     "fs-exists-cached": "1.0.0",
     "fs-extra": "^8.1.0",
-    "gatsby-cli": "^3.0.0-next.7",
-    "gatsby-core-utils": "^2.0.0-next.2",
-    "gatsby-graphiql-explorer": "^1.0.0-next.0",
-    "gatsby-legacy-polyfills": "^1.0.0-next.1",
-    "gatsby-link": "^3.0.0-next.0",
-    "gatsby-plugin-page-creator": "^3.0.0-next.2",
-    "gatsby-plugin-typescript": "^3.0.0-next.3",
-    "gatsby-plugin-utils": "^1.0.0-next.1",
-    "gatsby-react-router-scroll": "^4.0.0-next.2",
-    "gatsby-telemetry": "^2.0.0-next.2",
+    "gatsby-cli": "^3.1.0-next.0",
+    "gatsby-core-utils": "^2.1.0-next.0",
+    "gatsby-graphiql-explorer": "^1.1.0-next.0",
+    "gatsby-legacy-polyfills": "^1.1.0-next.0",
+    "gatsby-link": "^3.1.0-next.0",
+    "gatsby-plugin-page-creator": "^3.1.0-next.0",
+    "gatsby-plugin-typescript": "^3.1.0-next.0",
+    "gatsby-plugin-utils": "^1.1.0-next.0",
+    "gatsby-react-router-scroll": "^4.1.0-next.0",
+    "gatsby-telemetry": "^2.1.0-next.0",
     "glob": "^7.1.6",
     "got": "8.3.2",
     "graphql": "^15.4.0",
@@ -120,6 +122,7 @@
     "p-defer": "^3.0.0",
     "parseurl": "^1.3.3",
     "physical-cpu-count": "^2.0.0",
+    "platform": "^1.3.6",
     "pnp-webpack-plugin": "^1.6.4",
     "postcss": "8.2.5",
     "postcss-flexbugs-fixes": "^4.2.1",
@@ -158,7 +161,6 @@
     "webpack": "^5.16.0",
     "webpack-dev-middleware": "^4.1.0",
     "webpack-dev-server": "^3.11.2",
-    "webpack-hot-middleware": "^2.25.0",
     "webpack-merge": "^5.7.3",
     "webpack-stats-plugin": "^1.0.3",
     "webpack-virtual-modules": "^0.3.2",
@@ -178,7 +180,7 @@
     "@types/string-similarity": "^3.0.0",
     "@types/tmp": "^0.2.0",
     "@types/webpack-virtual-modules": "^0.1.0",
-    "babel-preset-gatsby-package": "^1.0.0-next.0",
+    "babel-preset-gatsby-package": "^1.1.0-next.0",
     "cross-env": "^7.0.3",
     "documentation": "^13.1.0",
     "enhanced-resolve": "^4.2.0",
@@ -227,8 +229,8 @@
   "main": "cache-dir/commonjs/gatsby-browser-entry.js",
   "module": "cache-dir/gatsby-browser-entry.js",
   "peerDependencies": {
-    "react": "^16.4.2 || ^17.0.0",
-    "react-dom": "^16.4.2 || ^17.0.0"
+    "react": "^16.9.0 || ^17.0.0",
+    "react-dom": "^16.9.0 || ^17.0.0"
   },
   "repository": {
     "type": "git",
diff --git a/packages/gatsby/src/joi-schemas/joi.ts b/packages/gatsby/src/joi-schemas/joi.ts
index 3bc65d2ccbb28..e8a34df017e28 100644
--- a/packages/gatsby/src/joi-schemas/joi.ts
+++ b/packages/gatsby/src/joi-schemas/joi.ts
@@ -86,6 +86,7 @@ export const pageSchema: Joi.ObjectSchema<IGatsbyPage> = Joi.object()
     component: Joi.string().required(),
     componentChunkName: Joi.string().required(),
     context: Joi.object(),
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     pluginCreator___NODE: Joi.string(),
     pluginCreatorId: Joi.string(),
   })
diff --git a/packages/gatsby/src/redux/__tests__/jobs.ts b/packages/gatsby/src/redux/__tests__/jobs.ts
index f1c6c85706eee..6262dfbed4aea 100644
--- a/packages/gatsby/src/redux/__tests__/jobs.ts
+++ b/packages/gatsby/src/redux/__tests__/jobs.ts
@@ -1,10 +1,60 @@
 import { actions } from "../actions"
 import { jobsReducer } from "../reducers/jobs"
 import { IGatsbyState } from "../types"
+import reporter from "gatsby-cli/lib/reporter"
+
+jest.mock(`gatsby-cli/lib/reporter`, () => {
+  return {
+    warn: jest.fn(),
+  }
+})
+
+beforeEach(() => {
+  ;(reporter as any).warn.mockClear()
+})
 
 Date.now = jest.fn(() => 1482363367071)
 
 describe(`Job actions/reducer`, () => {
+  it(`displays deprecation warning for createJob`, () => {
+    actions.createJob({ id: `test job` })
+    actions.createJob({ id: `test job` }, { name: `gatsby-plugin-foo` })
+    expect(reporter.warn).toHaveBeenCalledTimes(2)
+    expect(reporter.warn).toHaveBeenCalledWith(
+      `Action "createJob" is deprecated. Please use "createJobV2" instead`
+    )
+    expect(reporter.warn).toHaveBeenCalledWith(
+      `Action "createJob" is deprecated. Please use "createJobV2" instead (called by gatsby-plugin-foo)`
+    )
+  })
+
+  it(`displays deprecation warning for endJob`, () => {
+    actions.endJob({ id: `test job` })
+    actions.endJob({ id: `test job` }, { name: `gatsby-plugin-foo` })
+    expect(reporter.warn).toHaveBeenCalledTimes(2)
+    expect(reporter.warn).toHaveBeenCalledWith(
+      `Action "endJob" is deprecated. Please use "createJobV2" instead`
+    )
+    expect(reporter.warn).toHaveBeenCalledWith(
+      `Action "endJob" is deprecated. Please use "createJobV2" instead (called by gatsby-plugin-foo)`
+    )
+  })
+
+  it(`displays deprecation warning for setJob`, () => {
+    actions.setJob({ id: `test job`, progress: 40 })
+    actions.setJob(
+      { id: `test job`, progress: 40 },
+      { name: `gatsby-plugin-foo` }
+    )
+    expect(reporter.warn).toHaveBeenCalledTimes(2)
+    expect(reporter.warn).toHaveBeenCalledWith(
+      `Action "setJob" is deprecated. Please use "createJobV2" instead`
+    )
+    expect(reporter.warn).toHaveBeenCalledWith(
+      `Action "setJob" is deprecated. Please use "createJobV2" instead (called by gatsby-plugin-foo)`
+    )
+  })
+
   it(`allows creating jobs`, () => {
     expect(actions.createJob({ id: `test job` })).toMatchSnapshot()
   })
diff --git a/packages/gatsby/src/redux/actions/public.js b/packages/gatsby/src/redux/actions/public.js
index 513ff3caf132e..6edb3e1188f49 100644
--- a/packages/gatsby/src/redux/actions/public.js
+++ b/packages/gatsby/src/redux/actions/public.js
@@ -70,6 +70,15 @@ const findChildren = initialChildren => {
   return children
 }
 
+const displayedWarnings = new Set()
+const warnOnce = (message, key) => {
+  let messageId = key ?? message
+  if (!displayedWarnings.has(messageId)) {
+    displayedWarnings.add(messageId)
+    report.warn(message)
+  }
+}
+
 import type { Plugin } from "./types"
 
 type Job = {
@@ -1122,6 +1131,8 @@ actions.setBabelPreset = (config: Object, plugin?: ?Plugin = null) => {
 }
 
 /**
+ * DEPRECATED. Use createJobV2 instead.
+ *
  * Create a "job". This is a long-running process that is generally
  * started as a side-effect to a GraphQL query.
  * [`gatsby-plugin-sharp`](/plugins/gatsby-plugin-sharp/) uses this for
@@ -1130,10 +1141,18 @@ actions.setBabelPreset = (config: Object, plugin?: ?Plugin = null) => {
  * Gatsby doesn't finish its process until all jobs are ended.
  * @param {Object} job A job object with at least an id set
  * @param {id} job.id The id of the job
+ * @deprecated Use "createJobV2" instead
  * @example
  * createJob({ id: `write file id: 123`, fileName: `something.jpeg` })
  */
 actions.createJob = (job: Job, plugin?: ?Plugin = null) => {
+  let msg = `Action "createJob" is deprecated. Please use "createJobV2" instead`
+
+  if (plugin?.name) {
+    msg = msg + ` (called by ${plugin.name})`
+  }
+  warnOnce(msg)
+
   return {
     type: `CREATE_JOB`,
     plugin,
@@ -1209,15 +1228,25 @@ actions.createJobV2 = (job: JobV2, plugin: Plugin) => (dispatch, getState) => {
 }
 
 /**
+ * DEPRECATED. Use createJobV2 instead.
+ *
  * Set (update) a "job". Sometimes on really long running jobs you want
  * to update the job as it continues.
  *
  * @param {Object} job A job object with at least an id set
  * @param {id} job.id The id of the job
+ * @deprecated Use "createJobV2" instead
  * @example
  * setJob({ id: `write file id: 123`, progress: 50 })
  */
 actions.setJob = (job: Job, plugin?: ?Plugin = null) => {
+  let msg = `Action "setJob" is deprecated. Please use "createJobV2" instead`
+
+  if (plugin?.name) {
+    msg = msg + ` (called by ${plugin.name})`
+  }
+  warnOnce(msg)
+
   return {
     type: `SET_JOB`,
     plugin,
@@ -1226,15 +1255,25 @@ actions.setJob = (job: Job, plugin?: ?Plugin = null) => {
 }
 
 /**
+ * DEPRECATED. Use createJobV2 instead.
+ *
  * End a "job".
  *
  * Gatsby doesn't finish its process until all jobs are ended.
  * @param {Object} job  A job object with at least an id set
  * @param {id} job.id The id of the job
+ * @deprecated Use "createJobV2" instead
  * @example
  * endJob({ id: `write file id: 123` })
  */
 actions.endJob = (job: Job, plugin?: ?Plugin = null) => {
+  let msg = `Action "endJob" is deprecated. Please use "createJobV2" instead`
+
+  if (plugin?.name) {
+    msg = msg + ` (called by ${plugin.name})`
+  }
+  warnOnce(msg)
+
   return {
     type: `END_JOB`,
     plugin,
diff --git a/packages/gatsby/src/redux/plugin-runner.ts b/packages/gatsby/src/redux/plugin-runner.ts
index 8db7b680f35ec..c650ac21c43cb 100644
--- a/packages/gatsby/src/redux/plugin-runner.ts
+++ b/packages/gatsby/src/redux/plugin-runner.ts
@@ -33,6 +33,7 @@ interface ICreatePageAction {
       id: string
     }
     updatedAt: number
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     pluginCreator___NODE: string
     pluginCreatorId: string
     componentPath: string
diff --git a/packages/gatsby/src/redux/types.ts b/packages/gatsby/src/redux/types.ts
index f1219daed0a4e..36a5bfbf0d2be 100644
--- a/packages/gatsby/src/redux/types.ts
+++ b/packages/gatsby/src/redux/types.ts
@@ -33,6 +33,7 @@ export interface IGatsbyPage {
   isCreatedByStatefulCreatePages: boolean
   context: Record<string, unknown>
   updatedAt: number
+  // eslint-disable-next-line @typescript-eslint/naming-convention
   pluginCreator___NODE: Identifier
   pluginCreatorId: Identifier
   componentPath: SystemPath
diff --git a/packages/gatsby/src/schema/infer/__tests__/inference-metadata.ts b/packages/gatsby/src/schema/infer/__tests__/inference-metadata.ts
index e16e8ceca0dbd..de03708492ece 100644
--- a/packages/gatsby/src/schema/infer/__tests__/inference-metadata.ts
+++ b/packages/gatsby/src/schema/infer/__tests__/inference-metadata.ts
@@ -675,6 +675,7 @@ describe(`Get example value for type inference`, () => {
     })
   })
 
+  /* eslint-disable @typescript-eslint/naming-convention */
   describe(`Handles ___NODE foreign-key convenience relations`, () => {
     it(`infers single related node id as a simple string`, () => {
       const example = getExampleValueWithoutConflicts({
@@ -719,6 +720,7 @@ describe(`Get example value for type inference`, () => {
       expect(example.related___NODE).toEqual(INVALID_VALUE)
     })
   })
+  /* eslint-enable @typescript-eslint/naming-convention */
 
   describe(`Incremental example value building`, () => {
     const _nodes = [
@@ -907,6 +909,7 @@ describe(`Type conflicts`, () => {
   })
 
   it(`reports on mixed ___NODE fields`, () => {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const nodes = [{ related___NODE: `foo` }, { related___NODE: [`bar`] }]
 
     const conflicts = getExampleValueConflicts({
@@ -1045,7 +1048,9 @@ describe(`Type change detection`, () => {
     { object: { foo: `foo`, bar: `bar` } },
     { list: [`item`], bar: `bar` },
     { listOfObjects: [{ foo: `foo`, bar: `bar` }] },
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     { relatedNode___NODE: `foo` },
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     { relatedNodeList___NODE: [`foo`] },
   ]
 
@@ -1142,6 +1147,7 @@ describe(`Type change detection`, () => {
     expect(haveEqualFields(metadata, initialMetadata)).toEqual(true)
   })
 
+  /* eslint-disable @typescript-eslint/naming-convention */
   it(`detects on any change of the relatedNode field`, () => {
     // We do not know a type of the node being added hence consider and
     // add/delete to such fields as mutations
@@ -1179,6 +1185,7 @@ describe(`Type change detection`, () => {
     expect(metadata.dirty).toEqual(false)
     expect(haveEqualFields(metadata, initialMetadata)).toEqual(true)
   })
+  /* eslint-enable @typescript-eslint/naming-convention */
 
   it(`does not detect on symmetric add/delete`, () => {
     let metadata
diff --git a/packages/gatsby/src/utils/api-node-docs.ts b/packages/gatsby/src/utils/api-node-docs.ts
index f7d338b1c74d4..8d0b891500541 100644
--- a/packages/gatsby/src/utils/api-node-docs.ts
+++ b/packages/gatsby/src/utils/api-node-docs.ts
@@ -150,6 +150,7 @@ export const onCreateNode = true
  * @example
  * exports.unstable_shouldOnCreateNode = ({node}, pluginOptions) => node.internal.type === 'Image'
  */
+// eslint-disable-next-line @typescript-eslint/naming-convention
 export const unstable_shouldOnCreateNode = true
 
 /**
diff --git a/packages/gatsby/src/utils/eslint-config.ts b/packages/gatsby/src/utils/eslint-config.ts
index daf942dcb4ae7..41bf2e0bab5cf 100644
--- a/packages/gatsby/src/utils/eslint-config.ts
+++ b/packages/gatsby/src/utils/eslint-config.ts
@@ -12,7 +12,7 @@ export const eslintRequiredConfig: CLIEngine.Options = {
   // @ts-ignore
   emitWarning: true,
   baseConfig: {
-    parser: require.resolve(`babel-eslint`),
+    parser: require.resolve(`@babel/eslint-parser`),
     parserOptions: {
       ecmaVersion: 2020,
       sourceType: `module`,
diff --git a/packages/gatsby/src/utils/fast-refresh-module.ts b/packages/gatsby/src/utils/fast-refresh-module.ts
new file mode 100644
index 0000000000000..35dc4a5a2473c
--- /dev/null
+++ b/packages/gatsby/src/utils/fast-refresh-module.ts
@@ -0,0 +1,77 @@
+type Channel = "FAST_REFRESH"
+type Event = [
+  Channel,
+  {
+    action: string
+    payload?: any
+  }
+]
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  interface Window {
+    _gatsbyEvents: Array<Event> | { push: (event: Event) => void }
+  }
+}
+
+window._gatsbyEvents = window._gatsbyEvents || []
+
+export function clearCompileError(): void {
+  window._gatsbyEvents.push([`FAST_REFRESH`, { action: `CLEAR_COMPILE_ERROR` }])
+}
+
+export function clearRuntimeErrors(dismissOverlay: boolean): void {
+  if (typeof dismissOverlay === `undefined` || dismissOverlay) {
+    window._gatsbyEvents.push([
+      `FAST_REFRESH`,
+      { action: `CLEAR_RUNTIME_ERRORS` },
+    ])
+  }
+}
+
+export function showCompileError(message): void {
+  if (!message) {
+    return
+  }
+
+  window._gatsbyEvents.push([
+    `FAST_REFRESH`,
+    {
+      action: `SHOW_COMPILE_ERROR`,
+      payload: message,
+    },
+  ])
+}
+
+export function showRuntimeErrors(errors): void {
+  if (!errors || !errors.length) {
+    return
+  }
+
+  window._gatsbyEvents.push([
+    `FAST_REFRESH`,
+    {
+      action: `SHOW_RUNTIME_ERRORS`,
+      payload: errors,
+    },
+  ])
+}
+
+export function isWebpackCompileError(error): boolean {
+  return (
+    /Module [A-z ]+\(from/.test(error.message) ||
+    /Cannot find module/.test(error.message)
+  )
+}
+
+export function handleRuntimeError(error): void {
+  if (error && !isWebpackCompileError(error)) {
+    window._gatsbyEvents.push([
+      `FAST_REFRESH`,
+      {
+        action: `HANDLE_RUNTIME_ERROR`,
+        payload: [error],
+      },
+    ])
+  }
+}
diff --git a/packages/gatsby/src/utils/start-server.ts b/packages/gatsby/src/utils/start-server.ts
index 6475ed6984b4e..d55936154cfdb 100644
--- a/packages/gatsby/src/utils/start-server.ts
+++ b/packages/gatsby/src/utils/start-server.ts
@@ -1,4 +1,4 @@
-import webpackHotMiddleware from "webpack-hot-middleware"
+import webpackHotMiddleware from "@gatsbyjs/webpack-hot-middleware"
 import webpackDevMiddleware from "webpack-dev-middleware"
 import got from "got"
 import webpack from "webpack"
@@ -278,7 +278,9 @@ module.exports = {
   })
 
   app.get(`/__open-stack-frame-in-editor`, (req, res) => {
-    launchEditor(req.query.fileName, req.query.lineNumber)
+    const fileName = path.resolve(process.cwd(), req.query.fileName)
+    const lineNumber = parseInt(req.query.lineNumber, 10)
+    launchEditor(fileName, isNaN(lineNumber) ? 1 : lineNumber)
     res.end()
   })
 
@@ -369,14 +371,23 @@ module.exports = {
       }
     }
 
-    const sourceMap = fileModule?._source?._sourceMap
+    // We need the internal webpack file that is used in the bundle, not the module source.
+    // It doesn't have the correct sourceMap.
+    const webpackSource = compilation.codeGenerationResults
+      .get(fileModule)
+      ?.sources.get(`javascript`)
+
+    const sourceMap = webpackSource?.map()
 
     if (!sourceMap) {
       res.json(emptyResponse)
       return
     }
 
-    const position = { line: lineNumber, column: columnNumber }
+    const position = {
+      line: lineNumber,
+      column: columnNumber,
+    }
     const result = await findOriginalSourcePositionAndContent(
       sourceMap,
       position
diff --git a/packages/gatsby/src/utils/webpack-utils.ts b/packages/gatsby/src/utils/webpack-utils.ts
index da86ef26cc154..1ccd986d54ac7 100644
--- a/packages/gatsby/src/utils/webpack-utils.ts
+++ b/packages/gatsby/src/utils/webpack-utils.ts
@@ -733,7 +733,10 @@ export const createWebpackUtils = (
 
   plugins.fastRefresh = (): Plugin =>
     new ReactRefreshWebpackPlugin({
-      overlay: false,
+      overlay: {
+        sockIntegration: `whm`,
+        module: path.join(__dirname, `fast-refresh-module`),
+      },
     })
 
   plugins.extractText = (options: any): Plugin =>
diff --git a/packages/gatsby/src/utils/webpack.config.js b/packages/gatsby/src/utils/webpack.config.js
index 6a8c71574349b..51c98270cd86f 100644
--- a/packages/gatsby/src/utils/webpack.config.js
+++ b/packages/gatsby/src/utils/webpack.config.js
@@ -431,6 +431,9 @@ module.exports = async (
           `@pmmmwh/react-refresh-webpack-plugin`
         ),
         "socket.io-client": getPackageRoot(`socket.io-client`),
+        "webpack-hot-middleware": getPackageRoot(
+          `@gatsbyjs/webpack-hot-middleware`
+        ),
         $virtual: getAbsolutePathForVirtualModule(`$virtual`),
 
         // SSR can have many react versions as some packages use their own version. React works best with 1 version.
diff --git a/packages/gatsby/src/utils/webpack/__tests__/corejs-resolver.ts b/packages/gatsby/src/utils/webpack/__tests__/corejs-resolver.ts
index 40792fff607cd..c9fd4b60566c0 100644
--- a/packages/gatsby/src/utils/webpack/__tests__/corejs-resolver.ts
+++ b/packages/gatsby/src/utils/webpack/__tests__/corejs-resolver.ts
@@ -32,6 +32,7 @@ describe(`CoreJSResolver`, () => {
   it(`should convert core-js@2 file to core-js@3`, async () => {
     const resolver = new CoreJSResolver()
 
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const doResolve = jest.fn((_, request, __, ___, callback) =>
       callback(null, slash(request.request))
     )
@@ -48,6 +49,7 @@ describe(`CoreJSResolver`, () => {
   it(`should convert es6.regexp.replace to it's corejs@3 equivalent`, async () => {
     const resolver = new CoreJSResolver()
 
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const doResolve = jest.fn((_, request, __, ___, callback) =>
       callback(null, slash(request.request))
     )
diff --git a/yarn.lock b/yarn.lock
index 73e6ce087342f..511928e7cc0a0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -347,6 +347,15 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/eslint-parser@^7.13.4":
+  version "7.13.4"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.13.4.tgz#dd9df3c70f44d2fb5a6519e8e10ca06c67dca43a"
+  integrity sha512-WfFEd89SzqmtYox8crTLJuEXyJolZY6Uu6iJpJmw4aMu50zHbYnxzxwuVkCt2cWygw+gLkUPTtAuox7eSnrL8g==
+  dependencies:
+    eslint-scope "5.1.0"
+    eslint-visitor-keys "^1.3.0"
+    semver "7.0.0"
+
 "@babel/generator@7.12.1":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.1.tgz#0d70be32bdaa03d7c51c8597dda76e0df1f15468"
@@ -2620,6 +2629,16 @@
   resolved "https://registry.yarnpkg.com/@feedback-fish/react/-/react-1.2.1.tgz#b4d226f310df936517e9e5e82397806a5df4e2d8"
   integrity sha512-4YFD2hE93xBIT/Ko0x0l6UB0OyaxJcWKLGrnznsUVoLE5Q9vB8I1LEbMySYyuvbU9ul3yM3FjGkVZhYVPdwEyA==
 
+"@gatsbyjs/webpack-hot-middleware@^2.25.2":
+  version "2.25.2"
+  resolved "https://registry.yarnpkg.com/@gatsbyjs/webpack-hot-middleware/-/webpack-hot-middleware-2.25.2.tgz#bad1a8bfacc2a0ff4f2c991f8aee488e2f38294a"
+  integrity sha512-IFxleSfFQlvEXho2sDRa0PM+diTI+6tlb38jeUo/Lsi+mDzyjPte5Cj4aWL6PR8FpKGMl+DYfq1jxNvjH2gqkA==
+  dependencies:
+    ansi-html "0.0.7"
+    html-entities "^2.1.0"
+    querystring "^0.2.0"
+    strip-ansi "^6.0.0"
+
 "@graphql-tools/batch-execute@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@graphql-tools/batch-execute/-/batch-execute-7.0.0.tgz#e79d11bd5b39f29172f6ec2eafa71103c6a6c85b"
@@ -5624,6 +5643,20 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
+"@typescript-eslint/eslint-plugin@^4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.15.2.tgz#981b26b4076c62a5a55873fbef3fe98f83360c61"
+  integrity sha512-uiQQeu9tWl3f1+oK0yoAv9lt/KXO24iafxgQTkIYO/kitruILGx3uH+QtIAHqxFV+yIsdnJH+alel9KuE3J15Q==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "4.15.2"
+    "@typescript-eslint/scope-manager" "4.15.2"
+    debug "^4.1.1"
+    functional-red-black-tree "^1.0.1"
+    lodash "^4.17.15"
+    regexpp "^3.0.0"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
 "@typescript-eslint/experimental-utils@4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.14.2.tgz#9df35049d1d36b6cbaba534d703648b9e1f05cbb"
@@ -5636,6 +5669,18 @@
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
+"@typescript-eslint/experimental-utils@4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.15.2.tgz#5efd12355bd5b535e1831282e6cf465b9a71cf36"
+  integrity sha512-Fxoshw8+R5X3/Vmqwsjc8nRO/7iTysRtDqx6rlfLZ7HbT8TZhPeQqbPjTyk2RheH3L8afumecTQnUc9EeXxohQ==
+  dependencies:
+    "@types/json-schema" "^7.0.3"
+    "@typescript-eslint/scope-manager" "4.15.2"
+    "@typescript-eslint/types" "4.15.2"
+    "@typescript-eslint/typescript-estree" "4.15.2"
+    eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
+
 "@typescript-eslint/parser@^4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.14.2.tgz#31e216e4baab678a56e539f9db9862e2542c98d0"
@@ -5646,6 +5691,16 @@
     "@typescript-eslint/typescript-estree" "4.14.2"
     debug "^4.1.1"
 
+"@typescript-eslint/parser@^4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.15.2.tgz#c804474321ef76a3955aec03664808f0d6e7872e"
+  integrity sha512-SHeF8xbsC6z2FKXsaTb1tBCf0QZsjJ94H6Bo51Y1aVEZ4XAefaw5ZAilMoDPlGghe+qtq7XdTiDlGfVTOmvA+Q==
+  dependencies:
+    "@typescript-eslint/scope-manager" "4.15.2"
+    "@typescript-eslint/types" "4.15.2"
+    "@typescript-eslint/typescript-estree" "4.15.2"
+    debug "^4.1.1"
+
 "@typescript-eslint/scope-manager@4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.14.2.tgz#64cbc9ca64b60069aae0c060b2bf81163243b266"
@@ -5654,11 +5709,24 @@
     "@typescript-eslint/types" "4.14.2"
     "@typescript-eslint/visitor-keys" "4.14.2"
 
+"@typescript-eslint/scope-manager@4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.15.2.tgz#5725bda656995960ae1d004bfd1cd70320f37f4f"
+  integrity sha512-Zm0tf/MSKuX6aeJmuXexgdVyxT9/oJJhaCkijv0DvJVT3ui4zY6XYd6iwIo/8GEZGy43cd7w1rFMiCLHbRzAPQ==
+  dependencies:
+    "@typescript-eslint/types" "4.15.2"
+    "@typescript-eslint/visitor-keys" "4.15.2"
+
 "@typescript-eslint/types@4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.14.2.tgz#d96da62be22dc9dc6a06647f3633815350fb3174"
   integrity sha512-LltxawRW6wXy4Gck6ZKlBD05tCHQUj4KLn4iR69IyRiDHX3d3NCAhO+ix5OR2Q+q9bjCrHE/HKt+riZkd1At8Q==
 
+"@typescript-eslint/types@4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.15.2.tgz#04acf3a2dc8001a88985291744241e732ef22c60"
+  integrity sha512-r7lW7HFkAarfUylJ2tKndyO9njwSyoy6cpfDKWPX6/ctZA+QyaYscAHXVAfJqtnY6aaTwDYrOhp+ginlbc7HfQ==
+
 "@typescript-eslint/typescript-estree@4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.14.2.tgz#9c5ebd8cae4d7b014f890acd81e8e17f309c9df9"
@@ -5673,6 +5741,19 @@
     semver "^7.3.2"
     tsutils "^3.17.1"
 
+"@typescript-eslint/typescript-estree@4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.15.2.tgz#c2f7a1e94f3428d229d5ecff3ead6581ee9b62fa"
+  integrity sha512-cGR8C2g5SPtHTQvAymEODeqx90pJHadWsgTtx6GbnTWKqsg7yp6Eaya9nFzUd4KrKhxdYTTFBiYeTPQaz/l8bw==
+  dependencies:
+    "@typescript-eslint/types" "4.15.2"
+    "@typescript-eslint/visitor-keys" "4.15.2"
+    debug "^4.1.1"
+    globby "^11.0.1"
+    is-glob "^4.0.1"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
+
 "@typescript-eslint/visitor-keys@4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.14.2.tgz#997cbe2cb0690e1f384a833f64794e98727c70c6"
@@ -5681,6 +5762,14 @@
     "@typescript-eslint/types" "4.14.2"
     eslint-visitor-keys "^2.0.0"
 
+"@typescript-eslint/visitor-keys@4.15.2":
+  version "4.15.2"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.15.2.tgz#3d1c7979ce75bf6acf9691109bd0d6b5706192b9"
+  integrity sha512-TME1VgSb7wTwgENN5KVj4Nqg25hP8DisXxNBojM4Nn31rYaNDIocNm5cmjOFfh42n7NVERxWrDFoETO/76ePyg==
+  dependencies:
+    "@typescript-eslint/types" "4.15.2"
+    eslint-visitor-keys "^2.0.0"
+
 "@urql/core@^1.16.0":
   version "1.16.2"
   resolved "https://registry.yarnpkg.com/@urql/core/-/core-1.16.2.tgz#e404b7f66c163245f44e7ef3c736707b7fb20234"
@@ -6968,10 +7057,6 @@ babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-core@7.0.0-bridge.0, babel-core@^7.0.0-bridge.0:
-  version "7.0.0-bridge.0"
-  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
-
 babel-core@^6.26.0, babel-core@^6.26.3:
   version "6.26.3"
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.3.tgz#b2e2f09e342d0f0c88e2f02e067794125e75c207"
@@ -6996,6 +7081,10 @@ babel-core@^6.26.0, babel-core@^6.26.3:
     slash "^1.0.0"
     source-map "^0.5.7"
 
+babel-core@^7.0.0-bridge.0:
+  version "7.0.0-bridge.0"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
+
 babel-eslint@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
@@ -9027,10 +9116,10 @@ configstore@^5.0.1:
     write-file-atomic "^3.0.0"
     xdg-basedir "^4.0.0"
 
-confusing-browser-globals@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.9.tgz#72bc13b483c0276801681871d4898516f8f54fdd"
-  integrity sha512-KbS1Y0jMtyPgIxjO7ZzMAuUpAKMt1SzCL9fsrKsX6b0zJPTaT0SiSPmewwVZg9UAO83HVIlEhZF84LIjZ0lmAw==
+confusing-browser-globals@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59"
+  integrity sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==
 
 connect-history-api-fallback@^1.6.0:
   version "1.6.0"
@@ -9857,6 +9946,11 @@ css-what@2.1:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
 
+css.escape@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
+  integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=
+
 css@^2.0.0:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
@@ -11477,12 +11571,12 @@ eslint-config-prettier@^6.15.0:
   dependencies:
     get-stdin "^6.0.0"
 
-eslint-config-react-app@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-5.2.1.tgz#698bf7aeee27f0cea0139eaef261c7bf7dd623df"
-  integrity sha512-pGIZ8t0mFLcV+6ZirRgYK6RVqUIKRIi9MmgzUEmrIknsn3AdO0I32asO86dJgloHq+9ZPl8UIg8mYrvgP5u2wQ==
+eslint-config-react-app@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-6.0.0.tgz#ccff9fc8e36b322902844cbd79197982be355a0e"
+  integrity sha512-bpoAAC+YRfzq0dsTk+6v9aHm/uqnDwayNAXleMypGl6CpxI9oXXscVHo4fk3eJPIn+rsbtNetB4r/ZIidFIE8A==
   dependencies:
-    confusing-browser-globals "^1.0.9"
+    confusing-browser-globals "^1.0.10"
 
 eslint-import-resolver-node@^0.3.4:
   version "0.3.4"
@@ -11516,6 +11610,14 @@ eslint-plugin-flowtype@^3.13.0:
   dependencies:
     lodash "^4.17.15"
 
+eslint-plugin-flowtype@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.3.1.tgz#df6227e28c61d967b825c1327a27818bbb2ad325"
+  integrity sha512-mziJD+zw+VTwLtF9qLIxYac0GJCbSEDyqMLP5ENzQeNY5EOxbAfitMFLo+UItjYOISQdh1BCobwE2d4i1o+9Rw==
+  dependencies:
+    lodash "^4.17.15"
+    string-natural-compare "^3.0.1"
+
 eslint-plugin-graphql@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-graphql/-/eslint-plugin-graphql-4.0.0.tgz#d238ff2baee4d632cfcbe787a7a70a1f50428358"
@@ -11526,7 +11628,7 @@ eslint-plugin-graphql@^4.0.0:
     lodash.flatten "^4.4.0"
     lodash.without "^4.4.0"
 
-eslint-plugin-import@^2.22.0, eslint-plugin-import@^2.22.1:
+eslint-plugin-import@^2.22.1:
   version "2.22.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702"
   integrity sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==
@@ -11545,7 +11647,7 @@ eslint-plugin-import@^2.22.0, eslint-plugin-import@^2.22.1:
     resolve "^1.17.0"
     tsconfig-paths "^3.9.0"
 
-eslint-plugin-jsx-a11y@^6.3.1, eslint-plugin-jsx-a11y@^6.4.1:
+eslint-plugin-jsx-a11y@^6.4.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz#a2d84caa49756942f42f1ffab9002436391718fd"
   integrity sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==
@@ -11569,12 +11671,12 @@ eslint-plugin-prettier@^3.3.1:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-react-hooks@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.7.0.tgz#6210b6d5a37205f0b92858f895a4e827020a7d04"
-  integrity sha512-iXTCFcOmlWvw4+TOE8CLWj6yX1GwzT0Y6cUfHHZqWnSk144VmVIRcVGtUAzrLES7C798lmvnt02C7rxaOX1HNA==
+eslint-plugin-react-hooks@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz#8c229c268d468956334c943bb45fc860280f5556"
+  integrity sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==
 
-eslint-plugin-react@^7.20.6, eslint-plugin-react@^7.22.0:
+eslint-plugin-react@^7.22.0:
   version "7.22.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz#3d1c542d1d3169c45421c1215d9470e341707269"
   integrity sha512-p30tuX3VS+NWv9nQot9xIGAHBXR0+xJVaZriEsHoJrASGCJZDJ8JLNM0YqKqI0AKm6Uxaa1VUHoNEibxRCMQHA==
@@ -11591,6 +11693,14 @@ eslint-plugin-react@^7.20.6, eslint-plugin-react@^7.22.0:
     resolve "^1.18.1"
     string.prototype.matchall "^4.0.2"
 
+eslint-scope@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
+  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
+  dependencies:
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
 eslint-scope@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
@@ -11725,12 +11835,12 @@ eslint@^6.8.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-eslint@^7.0.0:
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.20.0.tgz#db07c4ca4eda2e2316e7aa57ac7fc91ec550bdc7"
-  integrity sha512-qGi0CTcOGP2OtCQBgWZlQjcTuP0XkIpYFj25XtRTQSHC+umNnp7UMshr2G8SLsRFYDdAPFeHOsiteadmMH02Yw==
+eslint@^7.18.0:
+  version "7.18.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.18.0.tgz#7fdcd2f3715a41fe6295a16234bd69aed2c75e67"
+  integrity sha512-fbgTiE8BfUJZuBeq2Yi7J3RB3WGUQ9PNuNbmgi6jt9Iv8qrkxfy19Ds3OpL1Pm7zg3BtTVhvcUZbIRQ0wmSjAQ==
   dependencies:
-    "@babel/code-frame" "7.12.11"
+    "@babel/code-frame" "^7.0.0"
     "@eslint/eslintrc" "^0.3.0"
     ajv "^6.10.0"
     chalk "^4.0.0"
@@ -11742,7 +11852,7 @@ eslint@^7.0.0:
     eslint-utils "^2.1.0"
     eslint-visitor-keys "^2.0.0"
     espree "^7.3.1"
-    esquery "^1.4.0"
+    esquery "^1.2.0"
     esutils "^2.0.2"
     file-entry-cache "^6.0.0"
     functional-red-black-tree "^1.0.1"
@@ -11768,12 +11878,12 @@ eslint@^7.0.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-eslint@^7.18.0:
-  version "7.18.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.18.0.tgz#7fdcd2f3715a41fe6295a16234bd69aed2c75e67"
-  integrity sha512-fbgTiE8BfUJZuBeq2Yi7J3RB3WGUQ9PNuNbmgi6jt9Iv8qrkxfy19Ds3OpL1Pm7zg3BtTVhvcUZbIRQ0wmSjAQ==
+eslint@^7.20.0:
+  version "7.20.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.20.0.tgz#db07c4ca4eda2e2316e7aa57ac7fc91ec550bdc7"
+  integrity sha512-qGi0CTcOGP2OtCQBgWZlQjcTuP0XkIpYFj25XtRTQSHC+umNnp7UMshr2G8SLsRFYDdAPFeHOsiteadmMH02Yw==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
+    "@babel/code-frame" "7.12.11"
     "@eslint/eslintrc" "^0.3.0"
     ajv "^6.10.0"
     chalk "^4.0.0"
@@ -11785,7 +11895,7 @@ eslint@^7.18.0:
     eslint-utils "^2.1.0"
     eslint-visitor-keys "^2.0.0"
     espree "^7.3.1"
-    esquery "^1.2.0"
+    esquery "^1.4.0"
     esutils "^2.0.2"
     file-entry-cache "^6.0.0"
     functional-red-black-tree "^1.0.1"
@@ -14442,11 +14552,16 @@ html-encoding-sniffer@^1.0.2:
   dependencies:
     whatwg-encoding "^1.0.1"
 
-html-entities@^1.2.0, html-entities@^1.2.1, html-entities@^1.3.1:
+html-entities@^1.2.1, html-entities@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
   integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
 
+html-entities@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.1.0.tgz#f5de1f8d5e1f16859a74aa73a90f0db502ca723a"
+  integrity sha512-u+OHVGMH5P1HlaTFp3M4HolRnWepgx5rAnYBo+7/TrBZahuJjgQ4TMv2GjQ4IouGDzkgXYeOI/NQuF95VOUOsQ==
+
 html-minifier-terser@^5.0.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
@@ -20692,6 +20807,11 @@ pkginfo@0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/pkginfo/-/pkginfo-0.4.1.tgz#b5418ef0439de5425fc4995042dced14fb2a84ff"
 
+platform@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.6.tgz#48b4ce983164b209c2d45a107adb31f473a6e7a7"
+  integrity sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==
+
 please-upgrade-node@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
@@ -22073,7 +22193,7 @@ react-typography@^0.16.19:
   resolved "https://registry.yarnpkg.com/react-typography/-/react-typography-0.16.19.tgz#5736b47961dcf6b9605b6fa38d41980db2588e28"
   integrity sha512-kV2qLEsdm0x9P4YXQEDVc88tDb4Vg0h/vdVZGgbqaRn8ERvNzV76JHUeOby3vvcUYU5MPd5Kz5DPH9Bhp4I/iw==
 
-react@^16.12.0, react@^16.8.0:
+react@^16.12.0:
   version "16.12.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.12.0.tgz#0c0a9c6a142429e3614834d5a778e18aa78a0b83"
   integrity sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==
@@ -22082,6 +22202,15 @@ react@^16.12.0, react@^16.8.0:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
+react@^16.9.0:
+  version "16.14.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
+  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
 read-chunk@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/read-chunk/-/read-chunk-3.2.0.tgz#2984afe78ca9bfbbdb74b19387bf9e86289c16ca"
@@ -25251,6 +25380,11 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
+string-natural-compare@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
+  integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
+
 string-similarity@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/string-similarity/-/string-similarity-1.2.2.tgz#99b2c20a3c9bbb3903964eae1d89856db3d8db9b"
@@ -27858,16 +27992,6 @@ webpack-dev-server@^3.11.2:
     ws "^6.2.1"
     yargs "^13.3.2"
 
-webpack-hot-middleware@^2.25.0:
-  version "2.25.0"
-  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.0.tgz#4528a0a63ec37f8f8ef565cf9e534d57d09fe706"
-  integrity sha512-xs5dPOrGPCzuRXNi8F6rwhawWvQQkeli5Ro48PRuQh8pYPCPmNnltP9itiUPT4xI8oW+y0m59lyyeQk54s5VgA==
-  dependencies:
-    ansi-html "0.0.7"
-    html-entities "^1.2.0"
-    querystring "^0.2.0"
-    strip-ansi "^3.0.0"
-
 webpack-log@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/webpack-log/-/webpack-log-2.0.0.tgz#5b7928e0637593f119d32f6227c1e0ac31e1b47f"