fix(ci): restore modernjs ssr parity

Author: ScriptedAlchemy

apps/modernjs-ssr/dynamic-nested-remote/module-federation.config.ts

@@ -6,8 +6,7 @@ export default createModuleFederationConfig({
     './Content': './src/components/Content.tsx',
   },
   shared: {
-    react: { singleton: false, requiredVersion: false },
-    'react-dom': { singleton: false, requiredVersion: false },
+    react: { singleton: true },
+    'react-dom': { singleton: true },
   },
-  dts: false,
 });

apps/modernjs-ssr/dynamic-remote-new-version/module-federation.config.ts

@@ -5,8 +5,7 @@ export default createModuleFederationConfig({
     '.': './src/components/Image.tsx',
   },
   shared: {
-    react: { singleton: false, requiredVersion: false },
-    'react-dom': { singleton: false, requiredVersion: false },
+    react: { singleton: true },
+    'react-dom': { singleton: true },
   },
-  dts: false,
 });

apps/modernjs-ssr/dynamic-remote/module-federation.config.ts

@@ -6,8 +6,7 @@ export default createModuleFederationConfig({
     '.': './src/Index.tsx',
   },
   shared: {
-    react: { singleton: false, requiredVersion: false },
-    'react-dom': { singleton: false, requiredVersion: false },
+    react: { singleton: true },
+    'react-dom': { singleton: true },
   },
-  dts: false,
 });

apps/modernjs-ssr/dynamic-remote/package.json

@@ -13,15 +13,17 @@
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.mjs",
   "types": "./dist/cjs/index.d.ts",
+  "dependencies": {
+    "react": "~18.3.1",
+    "react-dom": "~18.3.1"
+  },
   "devDependencies": {
     "@module-federation/enhanced": "workspace:*",
     "@module-federation/modern-js-v3": "workspace:*",
     "@module-federation/rsbuild-plugin": "workspace:*",
     "@rsbuild/plugin-react": "^1.4.5",
     "@rslib/core": "^0.9.0",
     "@types/react": "^18.3.11",
-    "http-server": "^14.1.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "http-server": "^14.1.1"
   }
 }

apps/modernjs-ssr/host/module-federation.config.ts

@@ -2,12 +2,11 @@ import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
 export default createModuleFederationConfig({
   name: 'host',
   remotes: {
-    remote: 'remote@http://localhost:3055/static/mf-manifest.json',
+    remote: 'remote@http://localhost:3051/static/mf-manifest.json',
     nested_remote: 'nested_remote@http://localhost:3052/mf-manifest.json',
   },
   shared: {
-    react: { singleton: false, requiredVersion: false },
-    'react-dom': { singleton: false, requiredVersion: false },
+    react: { singleton: true },
+    'react-dom': { singleton: true },
   },
-  dts: false,
 });

apps/modernjs-ssr/host/src/modern-app-env.d.ts

@@ -2,9 +2,3 @@
 /// <reference types='@modern-js/runtime/types' />
 /// <reference types='@modern-js/runtime/types/router' />
 /// <reference types='@module-federation/modern-js-v3/types' />
-
-declare module 'remote/Image' {
-  import type { ComponentType } from 'react';
-  const RemoteImage: ComponentType<any>;
-  export default RemoteImage;
-}

apps/modernjs-ssr/nested-remote/module-federation.config.ts

@@ -6,11 +6,10 @@ export default createModuleFederationConfig({
     './Content': './src/components/Content.tsx',
   },
   remotes: {
-    remote: 'remote@http://localhost:3055/static/mf-manifest.json',
+    remote: 'remote@http://localhost:3051/static/mf-manifest.json',
   },
   shared: {
-    react: { singleton: false, requiredVersion: false },
-    'react-dom': { singleton: false, requiredVersion: false },
+    react: { singleton: true },
+    'react-dom': { singleton: true },
   },
-  dts: false,
 });

apps/modernjs-ssr/nested-remote/src/modern-app-env.d.ts

@@ -2,15 +2,3 @@
 /// <reference types='@modern-js/runtime/types' />
 /// <reference types='@modern-js/runtime/types/router' />
 /// <reference types='@module-federation/modern-js-v3/types' />
-
-declare module 'remote/Image' {
-  import type { ComponentType } from 'react';
-  const RemoteImage: ComponentType<any>;
-  export default RemoteImage;
-}
-
-declare module 'remote/Button' {
-  import type { ComponentType } from 'react';
-  const RemoteButton: ComponentType<any>;
-  export default RemoteButton;
-}

apps/modernjs-ssr/nested-remote/src/routes/page.tsx

@@ -9,7 +9,7 @@ getInstance()!.registerPlugins([lazyLoadComponentPlugin()]);
 const RemoteSSRComponent = getInstance()!.createLazyComponent({
   loader: () => import('remote/Button'),
   loading: 'loading...',
-  export: 'default',
+  export: 'Button',
   fallback: ({ error }) => {
     if (error instanceof Error && error.message.includes('not exist')) {
       return <div>fallback - not existed id</div>;

apps/modernjs-ssr/remote-new-version/module-federation.config.ts

@@ -5,8 +5,7 @@ export default createModuleFederationConfig({
     './Image': './src/components/Image.tsx',
   },
   shared: {
-    react: { singleton: false, requiredVersion: false },
-    'react-dom': { singleton: false, requiredVersion: false },
+    react: { singleton: true },
+    'react-dom': { singleton: true },
   },
-  dts: false,
 });