fix(deps): update minor and patch dependencies for gatsby

packages/gatsby/package.json

@@ -20,26 +20,26 @@
     "@babel/types": "^7.15.4",
     "@gatsbyjs/reach-router": "^1.3.6",
     "@gatsbyjs/webpack-hot-middleware": "^2.25.2",
-    "@nodelib/fs.walk": "^1.2.4",
+    "@nodelib/fs.walk": "^1.2.8",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
-    "@types/http-proxy": "^1.17.4",
+    "@types/http-proxy": "^1.17.7",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
-    "@vercel/webpack-asset-relocator-loader": "^1.6.0",
+    "@vercel/webpack-asset-relocator-loader": "^1.7.0",
     "address": "1.1.2",
-    "anser": "^2.0.1",
-    "autoprefixer": "^10.2.4",
+    "anser": "^2.0.2",
+    "autoprefixer": "^10.3.7",
     "axios": "^0.21.1",
     "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": "^4.0.0-zz-next.3",
     "babel-preset-gatsby": "^2.0.0-zz-next.3",
-    "better-opn": "^2.0.0",
+    "better-opn": "^2.1.1",
     "bluebird": "^3.7.2",
     "body-parser": "^1.19.0",
-    "browserslist": "^4.12.2",
+    "browserslist": "^4.17.3",
     "cache-manager": "^2.11.1",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
@@ -48,16 +48,16 @@
     "cookie": "^0.4.1",
     "core-js": "^3.17.2",
     "cors": "^2.8.5",
-    "css-loader": "^5.0.1",
+    "css-loader": "^5.2.7",
     "css-minimizer-webpack-plugin": "^2.0.0",
     "css.escape": "^1.5.1",
-    "date-fns": "^2.14.0",
+    "date-fns": "^2.25.0",
     "debug": "^3.2.7",
     "deepmerge": "^4.2.2",
     "del": "^5.1.0",
     "detect-port": "^1.3.0",
-    "devcert": "^1.1.3",
-    "dotenv": "^8.2.0",
+    "devcert": "^1.2.0",
+    "dotenv": "^8.6.0",
     "eslint": "^7.32.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-plugin-flowtype": "^5.9.2",
@@ -67,14 +67,14 @@
     "eslint-plugin-react": "^7.26.1",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-webpack-plugin": "^2.5.4",
-    "event-source-polyfill": "^1.0.15",
+    "event-source-polyfill": "^1.0.25",
     "execa": "^5.1.1",
     "express": "^4.17.1",
     "express-graphql": "^0.12.0",
     "fastest-levenshtein": "^1.0.12",
-    "fastq": "^1.10.0",
+    "fastq": "^1.13.0",
     "file-loader": "^6.2.0",
-    "find-cache-dir": "^3.3.1",
+    "find-cache-dir": "^3.3.2",
     "fs-exists-cached": "1.0.0",
     "fs-extra": "^10.0.0",
     "gatsby-cli": "^4.0.0-zz-next.4",
@@ -88,77 +88,77 @@
     "gatsby-react-router-scroll": "^5.0.0-zz-next.3",
     "gatsby-telemetry": "^3.0.0-zz-next.3",
     "gatsby-worker": "^1.0.0-zz-next.3",
-    "glob": "^7.1.6",
+    "glob": "^7.2.0",
     "got": "^11.8.2",
-    "graphql": "^15.4.0",
-    "graphql-compose": "~7.25.0",
-    "graphql-playground-middleware-express": "^1.7.18",
-    "hasha": "^5.2.0",
+    "graphql": "^15.6.1",
+    "graphql-compose": "~7.25.1",
+    "graphql-playground-middleware-express": "^1.7.22",
+    "hasha": "^5.2.2",
     "http-proxy": "^1.18.1",
     "invariant": "^2.2.4",
     "is-relative": "^1.0.0",
     "is-relative-url": "^3.0.0",
-    "joi": "^17.2.1",
+    "joi": "^17.4.2",
     "json-loader": "^0.5.7",
     "latest-version": "5.1.0",
     "lmdb-store": "^1.6.8",
     "lodash": "^4.17.21",
     "md5-file": "^5.0.0",
-    "meant": "^1.0.1",
+    "meant": "^1.0.3",
     "memoizee": "^0.4.15",
-    "micromatch": "^4.0.2",
-    "mime": "^2.4.6",
+    "micromatch": "^4.0.4",
+    "mime": "^2.5.2",
     "mini-css-extract-plugin": "1.6.2",
     "mitt": "^1.2.0",
-    "moment": "^2.27.0",
-    "multer": "^1.4.2",
-    "node-fetch": "^2.6.2",
+    "moment": "^2.29.1",
+    "multer": "^1.4.3",
+    "node-fetch": "^2.6.5",
     "normalize-path": "^3.0.0",
     "null-loader": "^4.0.1",
-    "opentracing": "^0.14.4",
+    "opentracing": "^0.14.5",
     "p-defer": "^3.0.0",
     "parseurl": "^1.3.3",
-    "path-to-regexp": "0.1.7",
+    "path-to-regexp": "0.2.5",
     "physical-cpu-count": "^2.0.0",
     "platform": "^1.3.6",
-    "postcss": "^8.3.5",
+    "postcss": "^8.3.9",
     "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^5.0.0",
-    "prompts": "^2.3.2",
+    "postcss-loader": "^5.3.0",
+    "prompts": "^2.4.2",
     "prop-types": "^15.7.2",
-    "query-string": "^6.13.1",
+    "query-string": "^6.14.1",
     "raw-loader": "^4.0.2",
-    "react-dev-utils": "^11.0.3",
+    "react-dev-utils": "^11.0.4",
     "react-refresh": "^0.9.0",
     "redux": "4.0.5",
     "redux-thunk": "^2.3.0",
     "resolve-from": "^5.0.0",
     "semver": "^7.3.5",
     "shallow-compare": "^1.2.2",
-    "signal-exit": "^3.0.3",
-    "slugify": "^1.4.4",
-    "socket.io": "3.1.1",
-    "socket.io-client": "3.1.1",
+    "signal-exit": "^3.0.5",
+    "slugify": "^1.6.1",
+    "socket.io": "3.1.2",
+    "socket.io-client": "3.1.3",
     "source-map": "^0.7.3",
-    "source-map-support": "^0.5.19",
+    "source-map-support": "^0.5.20",
     "st": "^2.0.0",
     "stack-trace": "^0.0.10",
     "string-similarity": "^1.2.2",
     "strip-ansi": "^5.2.0",
     "style-loader": "^2.0.0",
-    "terser-webpack-plugin": "^5.1.1",
+    "terser-webpack-plugin": "^5.2.4",
     "tmp": "^0.2.1",
     "true-case-path": "^2.2.1",
     "type-of": "^2.0.1",
     "url-loader": "^4.1.1",
     "uuid": "^8.3.2",
-    "v8-compile-cache": "^2.2.0",
-    "webpack": "^5.35.0",
-    "webpack-dev-middleware": "^4.1.0",
-    "webpack-merge": "^5.7.3",
+    "v8-compile-cache": "^2.3.0",
+    "webpack": "^5.58.1",
+    "webpack-dev-middleware": "^4.3.0",
+    "webpack-merge": "^5.8.0",
     "webpack-stats-plugin": "^1.0.3",
     "webpack-virtual-modules": "^0.3.2",
-    "xstate": "^4.11.0",
+    "xstate": "^4.25.0",
     "yaml-loader": "^0.6.0"
   },
   "devDependencies": {
@@ -233,7 +233,7 @@
     "url": "git+https://github.com/gatsbyjs/gatsby.git"
   },
   "resolutions": {
-    "graphql": "^15.5.1",
+    "graphql": "^15.6.1",
     "@mdx-js/mdx": "^2.0.0-next.3",
     "@mdx-js/react": "^2.0.0-next.3",
     "@mdx-js/runtime": "^2.0.0-next.3",

packages/gatsby/src/state-machines/develop/actions.ts

@@ -114,6 +114,7 @@ export const assignServiceResult = assign<IBuildContext, DoneEventObject>(
  * This spawns the service that listens to the `emitter` for various mutation events
  */
 export const spawnMutationListener = assign<IBuildContext>({
+  // @ts-ignore - TODO: Fixing this seems more involved: https://xstate.js.org/docs/guides/typescript.html#troubleshooting & https://github.com/statelyai/xstate/issues/2664
   mutationListener: () => spawn(listenForMutations, `listen-for-mutations`),
 })
 
@@ -126,6 +127,7 @@ export const assignServers = assign<IBuildContext, AnyEventObject>(
 )
 
 export const spawnWebpackListener = assign<IBuildContext, AnyEventObject>({
+  // @ts-ignore - TODO: Fixing this seems more involved: https://xstate.js.org/docs/guides/typescript.html#troubleshooting & https://github.com/statelyai/xstate/issues/2664
   webpackListener: ({ compiler }) => {
     if (!compiler) {
       return undefined

packages/gatsby/src/utils/state-machine-logging.ts

@@ -33,6 +33,7 @@ export function logTransitions<T = DefaultContext>(
       // actor. We don't need to worry about detaching the listener
       // because xstate handles that for us when the actor is stopped.
 
+      // @ts-ignore - TODO: Fix it
       if (isInterpreter(child) && !listeners.has(child)) {
         let sublast = child.state
         child.onTransition(substate => {

packages/gatsby/src/utils/webpack-utils.ts

@@ -5,6 +5,7 @@ import { Plugin as PostCSSPlugin } from "postcss"
 import autoprefixer from "autoprefixer"
 import flexbugs from "postcss-flexbugs-fixes"
 import TerserPlugin from "terser-webpack-plugin"
+import type { MinifyOptions as TerserOptions } from "terser"
 import MiniCssExtractPlugin from "mini-css-extract-plugin"
 import CssMinimizerPlugin from "css-minimizer-webpack-plugin"
 import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin"
@@ -644,7 +645,7 @@ export const createWebpackUtils = (
     terserOptions,
     ...options
   }: {
-    terserOptions?: TerserPlugin.TerserPluginOptions
+    terserOptions?: TerserOptions
   } = {}): WebpackPluginInstance =>
     new TerserPlugin({
       exclude: /\.min\.js/,
@@ -654,7 +655,7 @@ export const createWebpackUtils = (
           safari10: true,
         },
         parse: {
-          ecma: 8,
+          ecma: 2018,
         },
         compress: {
           ecma: 5,