I have a working implementation with ReactRefreshPlugin/HMR for our common-use development build scenario.

Another build scenario, however, requires setting the option devServer.inline = false to more closely simulate our environment that uses Module Federation, and this setting appears to break the integration with ReactRefreshPlugin, as it gives the error:

<w> [ReactRefreshPlugin] Hot Module Replacement (HMR) is not enabled! React Refresh requires HMR to function properly.

Under the hood, it appears that HMR is still functional - the webpack dev server status bar cycles through App ready. -> App updated. Recompiling... -> App hot update., but then the app itself never refreshes with the changes.

The only difference I see in the startup output is:

• devServer.inline = true -> ℹ ｢wds｣: Project is running at https://localhost:8080/
• devServer.inline = false -> ℹ ｢wds｣: Project is running at https://localhost:8080/webpack-dev-server/

Do you know if there's an easy/obvious way to get this working? Let me know if I can provide any additional information.