React does not work in --mode=production

[cut0]

System Info

  System:
    OS: macOS 14.1.1
    CPU: (8) arm64 Apple M1 Max
    Memory: 64 GB
  Binaries:
    Node: v18.16.0
    pnpm: v8.2.0
  Browsers:
    Chrome: v120.0.6099.199
  npmPackages:
    @rspack/binding: workspace:* => 0.4.5 
    @rspack/core: workspace:* => 0.4.5 

Details

After executing

pnpm create rsbuild@latest

according to "Using the Rspack CLI", when specifying production in the mode of rspack.config.js, or when specifying

rspack -----mode=production serve

in the npm script and opening the web page, the following display appears.

When 'development' is specified for mode, it displays normally as shown below.

Reproduce link

https://github.com/cut0/rspack-project

Reproduce Steps

Please follow the steps below.

1. pnpm i
2. pnpm dev
3. Please open Chrome (the issue may also be reproducible in other browsers).

[hardfist]

https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/793d57c95ee64a1b9612a96066f091db08b226cb/lib/index.js#L48 react-refresh-webpack-plugin will skip inject refresh runtime when mode set to production which @rspack/plugin-react-refresh not align with now, cc @ahabhgk
you can manually disable @rspack/plugin-react-refresh when mode set to production now, we will fix it soon