Why lib-react.js is always loaded for Remote using @module-federation/enhanced/rspack?

[maitrungduc1410]

in an MFE architecture, I have app-shell + MFE. Both of them have React.

// app-shell
react: {
  singleton: true,
  eager: true
},
"react-dom/client": {
  singleton: true,
  eager: true
},

// remote
react: {
  singleton: true,
},
"react-dom/client": {
  singleton: true,
},

I notice that for remote it always load /static/js/lib-react.js even I don't have eager=true for remote:

The dependency is huge (300KB), I'm wondering why this is needed? because I think from app-shell React is already provided

My rsbuild.config.ts for remote:

import { defineConfig } from "@rsbuild/core";
import { pluginReact } from "@rsbuild/plugin-react";
import { ModuleFederationPlugin } from "@module-federation/enhanced/rspack";

export default defineConfig({
  plugins: [pluginReact()],
  server: {
    port: 3002,
  },
  dev: {
    assetPrefix: true,
  },
  tools: {
    rspack: {
      output: {
        uniqueName: "react_mfe_app",
      },
      plugins: [
        new ModuleFederationPlugin({
          name: "react_mfe_app",
          exposes: {
            ReactAppLoader: "./src/loader.ts",
          },
          shared: {
            react: {
              singleton: true,
            },
            "react-dom/client": {
              singleton: true,
            },
          },
          filename: "remoteEntry.js",
        }),
      ],
    },
  },
});

App shell webpack.config.js

import { container } from 'webpack';

/**
 * @type {import('webpack').Configuration}
 */
module.exports = {
  output: {
    publicPath: 'http://localhost:4200/',
    uniqueName: 'app-shell',
    scriptType: 'text/javascript',
  },
  optimization: {
    runtimeChunk: false,
  },
  plugins: [
    new container.ModuleFederationPlugin({
      shared: {
        react: {
          eager: true,
          singleton: true,
        },
        'react-dom/client': {
          eager: true,
          singleton: true,
        },
      },
    }),
  ],
};