Fast Refresh is lagging one "save" behind

Thanks for the plugin!

I installed the plugin as described in the readme and it’s basically working to fast refresh the page. But I am encountering an issue that causes the following weird behavior:

• I change some code and save it - Server side, webpack compiles until it says i ｢wdm｣: Compiled successfully.
• Client-side in the browser, I see that it got noticed of something happening:

But it does not seem to receive the completed compile.

• Now if I save another time, server side webpack compiles again and client-side, it receives the update: As you can see, before it did not reach the point “App is up to date”

This actually stays like this meaning the Browser gets updated with 1 save behind:

• In the code, I change a string from “Test” to “Test2”
• Save
• Browser still shows “Test” (even though, in the Browser console it updates and comes to the last line “App is up to date” now)
• Save again
• Browser shows “Test2”
• Change the string to “Test3”
• Save
• Browser still shows “Test2”
• Change the string to “Test4”
• Save
• Browser updates to “Test3”

Server-side, it says (for each save):

i ｢wdm｣: Compiling...
node_modules/webpack-log/src/loglevel/PrefixFactory.js:55
webpack building...
...
i ｢wdm｣: Compiled successfully.

As said above, after the first save, it says for each update in the Browser "“App is up to date”. So it kind of seems to miss the first compile completion and therefore always lags one save behind.

Do you have any idea what could be causing this?

[pmmmwh]

@IronSean I think you’re hitting a recursion issue with HMR. If you remove webpack.HotModuleReplacementPlugin() while keeping hot: true in devServer your setup should work. You probably would want remove the typescript for babel since you’re using ts-loader for transpilation. Probably you will only need react-refresh/babel for ts files …

[pmmmwh]

Tested with the latest release and cannot reproduce anymore.

If the issue still persists, feel free to re-open or file a new issue with reproduction, thanks!