HMR react-refresh not working

[jboler]

When I have npm package @storybook/react added to devDependencies in package.json, React HMR doesn't work. I see the correct Websocket update request but nothing updates in the React app.

When I do a diff of the index.2d3ace14.js file generated by Parcel with and without the @storybook/react package present I find that the only difference is that with @storybook/react there's 2 instances of react-refresh-runtime.development.js in index.2d3ace14.js.

[jboler]

My solution is to lock the react-refresh package to 1 version in package.json.

@parcel/runtime-react-refresh@2.8.3 is resolving react-refresh to 0.9.0 and @storybook/react is resolving it to 0.11.0 which is why 2 instances are bundled in development.

  "resolutions": {
    "react-refresh": "0.11.0"
  }