What additional configuration is needed to get Live Reload working with ReactJS Module Federations?

[ccaspanello]

I've created the following:

• bunx create-nx-workspace --pm bun - To create the workspace (Integrated repo, no projects)
• nx add @nx/react - To install react tooling
• nx g @nx/react:library common-ui --directory=apps/common-ui
• nx g @nx/react:host web-main --directory=apps/web-man
• nx g @nx/react:remote module-sample --directory=apps/module-sample

I then run the following:

• nx serve web-main
• nx serve module-sample

Everything technically works, but the development experience isn't great. Here are my observations:

• Host App HMR/LiveReload Issues
  • Components inside project - These are not reloading and believe they should, I should be able to change a line off code and my browser simply refreshes
  • CommonUI Library - This is not reloading, I believe it should because if you aren't using module federations it does
  • Remote Apps - These are not reloading and while it would be nice, I understand why it wouldn't work (module loaded from a URL) - This is okay
• Remote App HMR/LiveReload Issues
  • Same a above ... the components in the project do not reload as well as the common-ui