gatsby: Error: The result of this StaticQuery could not be fetched.

Description

Hi Guys,

I have had a Gatsby Project running perfectly fine for 3 months. We are hosted on Netlify and using Contentful as the CMS.

As of Friday 24th July, I am getting the below error:

react_devtools_backend.js:2273 Error: The result of this StaticQuery could not be fetched.

This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues
    at h (gatsby-browser-entry.js:77)
    at b (SiteLinks.js:9)
    at Ki (react-dom.production.min.js:153)
    at Fa (react-dom.production.min.js:175)
    at vo (react-dom.production.min.js:263)
    at cu (react-dom.production.min.js:246)
    at ou (react-dom.production.min.js:246)
    at Zo (react-dom.production.min.js:239)
    at react-dom.production.min.js:123
    at scheduler.production.min.js:19 

Here are my current package versions

    "@contentful/rich-text-react-renderer": "^13.4.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.28",
    "@fortawesome/free-brands-svg-icons": "^5.13.0",
    "@fortawesome/free-solid-svg-icons": "^5.13.0",
    "@fortawesome/react-fontawesome": "^0.1.9",
    "@reach/dialog": "^0.10.1",
    "@reach/tabs": "^0.10.1",
    "@reach/visually-hidden": "^0.10.1",
    "@stripe/stripe-js": "^1.4.0",
    "bootstrap": "^4.4.1",
    "dotenv": "^8.2.0",
    "gatsby": "^2.23.18",
    "gatsby-background-image": "^1.1.1",
    "gatsby-image": "^2.3.1",
    "gatsby-plugin-create-client-paths": "^2.2.1",
    "gatsby-plugin-manifest": "^2.3.3",
    "gatsby-plugin-netlify-identity": "0.0.3",
    "gatsby-plugin-offline": "^3.1.2",
    "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
    "gatsby-plugin-react-helmet": "^3.2.1",
    "gatsby-plugin-robots-txt": "^1.5.1",
    "gatsby-plugin-sharp": "^2.5.3",
    "gatsby-plugin-sitemap": "^2.4.3",
    "gatsby-plugin-transition-link": "^1.18.0",
    "gatsby-remark-responsive-iframe": "^2.3.3",
    "gatsby-source-contentful": "^2.3.32",
    "gatsby-source-filesystem": "^2.2.2",
    "gatsby-source-stripe": "^3.0.7",
    "gatsby-transformer-remark": "^2.7.3",
    "gatsby-transformer-sharp": "^2.4.3",
    "gsap": "^3.2.6",
    "hls.js": "^0.13.2",
    "lodash": "^4.17.15",
    "lodash.merge": "^4.6.2",
    "moment": "^2.25.3",
    "mux-embed": "^3.1.0",
    "netlify": "^4.1.5",
    "prop-types": "^15.7.2",
    "react": "^16.12.0",
    "react-bootstrap": "^1.0.0",
    "react-dom": "^16.12.0",
    "react-firebase-hooks": "^2.1.1",
    "react-helmet": "^5.2.1",
    "react-icons": "^3.10.0",
    "react-netlify-identity-widget": "^0.2.7",
    "react-spring": "^8.0.27",
    "redux": "^4.0.5",
    "styled-components": "^5.1.0",
    "video-react": "^0.14.1"

Steps to reproduce

1. https://www.revelwell.com
2. Navigate from the landing page to any other page
3. The page is blank
4. View console to see the above error
5. Refresh the page, content will load

Expected result

Users should be able to navigate normally throughout the site

Actual result

Blank/White screens show and StaticQuery fails to resolve

Environment

  System:
    OS: macOS 10.15.5
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 14.4.0 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.7 - /usr/local/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 84.0.4147.89
    Firefox: 78.0.2
    Safari: 13.1.1
  npmPackages:
    gatsby: ^2.23.18 => 2.23.3
    gatsby-background-image: ^1.1.1 => 1.1.1
    gatsby-image: ^2.3.1 => 2.4.13
    gatsby-plugin-create-client-paths: ^2.2.1 => 2.3.10
    gatsby-plugin-manifest: ^2.3.3 => 2.4.20
    gatsby-plugin-netlify-identity: 0.0.3 => 0.0.3
    gatsby-plugin-offline: ^3.1.2 => 3.2.20
    gatsby-plugin-prefetch-google-fonts: ^1.4.3 => 1.4.3
    gatsby-plugin-react-helmet: ^3.2.1 => 3.3.10
    gatsby-plugin-robots-txt: ^1.5.1 => 1.5.1
    gatsby-plugin-sharp: ^2.5.3 => 2.6.21
    gatsby-plugin-sitemap: ^2.4.3 => 2.4.11
    gatsby-plugin-transition-link: ^1.18.0 => 1.20.2
    gatsby-remark-responsive-iframe: ^2.3.3 => 2.4.11
    gatsby-source-contentful: ^2.3.32 => 2.3.32
    gatsby-source-filesystem: ^2.2.2 => 2.3.22
    gatsby-source-stripe: ^3.0.7 => 3.1.1
    gatsby-transformer-remark: ^2.7.3 => 2.8.26
    gatsby-transformer-sharp: ^2.4.3 => 2.5.11
  npmGlobalPackages:
    gatsby-cli: 2.12.66