Browser won't hot reload re-compiled sources, broken after `gatsby@2.24.9`

Description

Recent versions of gatsby have issues with hot-reload during gatsby develop. I’m constantly checking almost every release and this problem still persists as per gatsby@2.24.23. The latest OK version for me is gatsby@2.24.9 so I keep rolling back to it.

Steps to reproduce

• I run gatsby develop and app is loaded OK
• I edit any source code (be it a component or a graphql query)
• gatsby develop script rebuilds sources without any error

Expected result

Browser updates the page.

Actual result

Browser starts loading and hangs forever, changes are not picked up. Manual page refresh is not working either. Only restart of develop script can help. However, GraphiQL editor keeps working.

Environment

  System:
    OS: Linux 5.4 Ubuntu 20.04.1 LTS (Focal Fossa)
    CPU: (4) x64 Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
    Shell: 5.8 - /usr/bin/zsh
  Binaries:
    Node: 14.6.0 - /usr/bin/node
    Yarn: 1.22.4 - /usr/bin/yarn
    npm: 6.14.6 - /usr/bin/npm
  Browsers:
    Chrome: 84.0.4147.105
    Firefox: 79.0
  npmPackages:
    gatsby: 2.24.23 => 2.24.23
    gatsby-image: 2.4.14 => 2.4.14
    gatsby-plugin-linaria: 2.1.0 => 2.1.0
    gatsby-plugin-manifest: 2.4.21 => 2.4.21
    gatsby-plugin-postcss: 2.3.11 => 2.3.11
    gatsby-plugin-purgecss: 5.0.0 => 5.0.0
    gatsby-plugin-react-helmet: 3.3.10 => 3.3.10
    gatsby-plugin-root-import: 2.0.5 => 2.0.5
    gatsby-plugin-sharp: 2.6.24 => 2.6.24
    gatsby-plugin-typescript: 2.4.16 => 2.4.16
    gatsby-source-filesystem: 2.3.23 => 2.3.23
    gatsby-source-multi-api: 1.0.5 => 1.0.5
    gatsby-transformer-sharp: 2.5.12 => 2.5.12

UPD: added note on GraphiQL

[joebentaylor1995]

Still broken in Gatsby 3

[ascorbic]

This took a lot of tracking down, but I think I’ve fixed it. Thanks everyone for your information. I should have the release with the fix out today.