Hot Module Reloading (HMR) is not working correctly.

[bflopez]

Hello, ever since upgrading to Storybook 7 my HMR has stopped working correctly. When I save my changes, my webpack-dev-middleware correctly starts bundling and creating a new bundle but it gets stuck waiting for /__webpack_hmr in the Network tab. I have to manually reload every time for it to update.

Has anyone encountered this or know how to fix it?

I tried updating to Storybook 8 but the issue never went away. It only started happening after updating to Storybook 7 and figured it was a bug that would be fixed eventually but it seems to be something in my configuration.

[bflopez]

Turns out I needed to update @storybook/react-webpack5