[Bug]: Hot reloading breaks for lazily loaded components if a file contains more than one export

[MIreland]

Version

System:
    OS: macOS 14.6.1
    CPU: (10) arm64 Apple M1 Max
    Memory: 183.77 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 128.0.6613.120
    Safari: 17.6
  npmPackages:
    @rsbuild/core: 1.0.1-rc.5 => 1.0.1-rc.5 
    @rsbuild/plugin-react: 1.0.1-rc.5 => 1.0.1-rc.5

Details

RSBuild's lazily loaded children lose the ability to hot reload when additional exports exist in a file that is lazily loaded.

I would expect this to work, or at a minimum a warning/error to be thrown.

Screen.Recording.2024-09-09.at.8.37.22.PM.mov

Reproduce link

https://github.com/MIreland/lazy-loading-rsbuild-bug

Reproduce Steps

1. execute pnpm dev
2. edit ParentExample.tsx or ChildExample.tsx and save the file- note that the page does not hot reload
3. comment out line 6 in ParentExample.tsx (the export const THIS_BREAKS_THINGS).
4. Reload the page.
5. edit ParentExample.tsx or ChildExample.tsx - hot reloading works.

[9aoy]

React refresh not work is expected, see pmmmwh/react-refresh-webpack-plugin#249.
But there seems to be something wrong with Silently fails and no full refresh.

[SoonIter]

related to https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/0b960573797bf38926937994c481e4fec9ed8aa6/lib/runtime/RefreshUtils.js#L116-L146