fix(rsc-mf): bind remote callback to local rsc client module

Author: cursoragent

tests/integration/rsc-mf/remote/modern.config.ts

@@ -4,11 +4,28 @@ import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
 
 const remotePort = process.env.RSC_MF_REMOTE_PORT || process.env.PORT || '3008';
 const enableRemoteServeSsr = Boolean(process.env.PORT);
+const serverOnlyEmptyPath = path.join(
+  path.dirname(require.resolve('server-only')),
+  'empty.js',
+);
+const reactRuntimeDir = path.dirname(require.resolve('react'));
+const reactJsxRuntimeServerPath = path.join(
+  reactRuntimeDir,
+  'jsx-runtime.react-server.js',
+);
+const reactJsxDevRuntimeServerPath = path.join(
+  reactRuntimeDir,
+  'jsx-dev-runtime.react-server.js',
+);
+const reactServerDomClientBrowserPath = require.resolve(
+  'react-server-dom-rspack/client.browser',
+);
 
 export default defineConfig({
   server: {
     rsc: true,
     ssr: enableRemoteServeSsr,
+    port: Number(remotePort),
   },
   // Keep RSC server entries synchronous for MF+RSC handlers.
   source: {
@@ -26,29 +43,29 @@ export default defineConfig({
     bundlerChain(chain) {
       const target = chain.get('target');
       const targets = Array.isArray(target) ? target : [target];
+      chain.resolve.alias.set(
+        'rsc-mf-react-server-dom-client-browser$',
+        reactServerDomClientBrowserPath,
+      );
       if (targets.some(item => String(item).includes('node'))) {
         chain.target('async-node');
         chain.resolve.conditionNames
           .clear()
-          .add('react-server')
-          .add('require')
-          .add('import')
-          .add('default');
-        chain.module
-          .rule('rsc-mf-ssr-no-react-server')
-          .test(/\.[cm]?[jt]sx?$/)
-          .issuerLayer('server-side-rendering')
-          .resolve.conditionNames.clear()
           .add('require')
           .add('import')
           .add('default');
+        chain.resolve.alias
+          .set('react/jsx-runtime$', reactJsxRuntimeServerPath)
+          .set('react/jsx-dev-runtime$', reactJsxDevRuntimeServerPath)
+          .set('server-only$', serverOnlyEmptyPath);
         chain.output.publicPath(`http://127.0.0.1:${remotePort}/bundles/`);
         chain.module
           .rule('rsc-mf-remote-components-layer')
           .test(/src[\\/]components[\\/].*\.[tj]sx?$/)
           .layer('react-server-components');
       } else {
         chain.optimization.splitChunks(false);
+        chain.output.chunkLoadingGlobal('chunk_rscHost');
         chain.output.publicPath(`http://127.0.0.1:${remotePort}/`);
       }
 

tests/integration/rsc-mf/remote/src/components/registerServerCallback.ts

@@ -1,4 +1,4 @@
-import { setServerCallback } from 'react-server-dom-rspack/client.browser';
+import { setServerCallback } from 'rsc-mf-react-server-dom-client-browser';
 
 type CallServer = (id: string, args: unknown[]) => Promise<unknown>;