chore: fix ssr in rr7.3

Author: ScriptedAlchemy

examples/federation/epic-stack-remote/rsbuild.config.ts

@@ -48,6 +48,9 @@ export default defineConfig({
 			devtool: false,
 		}
 	},
+	resolve: {
+		dedupe: ['react', 'react-dom'],
+	},
 	environments: {
 		web: {
 			source: {
@@ -75,18 +78,33 @@ export default defineConfig({
 								'./components/progress-bar': './app/components/progress-bar',
 							},
 							shared: {
-								react: {
+								'react-router': {
 									singleton: true,
 								},
-								'react/jsx-dev-runtime': {
+								'react-router/': {
 									singleton: true,
 								},
-								'react/jsx-runtime': {
+								'react-router-dom': {
+									singleton: true,
+								},
+								react: {
+									singleton: true,
+								},
+								'react/': {
 									singleton: true,
 								},
+								// 'react/jsx-dev-runtime': {
+								// 	singleton: true,
+								// },
+								// 'react/jsx-runtime': {
+								// 	singleton: true,
+								// },
 								'react-dom': {
 									singleton: true,
 								},
+								'react-dom/client': {
+									singleton: true,
+								},
 							}
 						})
 					]
@@ -120,9 +138,18 @@ export default defineConfig({
 
 							},
 							shared: {
+								"react-router": {
+									singleton: true
+								},
+								'react-router-dom': {
+									singleton: true,
+								},
 								react: {
 									singleton: true,
 								},
+								'react/': {
+									singleton: true,
+								},
 								'react/jsx-dev-runtime': {
 									singleton: true,
 								},
@@ -132,6 +159,9 @@ export default defineConfig({
 								'react-dom': {
 									singleton: true,
 								},
+								'react-dom/': {
+									singleton: true,
+								},
 							}
 						})
 					]

examples/federation/epic-stack/app/root.tsx

@@ -15,7 +15,7 @@ import appleTouchIconAssetUrl from './assets/favicons/apple-touch-icon.png'
 import faviconAssetUrl from './assets/favicons/favicon.svg'
 import { GeneralErrorBoundary } from './components/error-boundary.tsx'
 import { EpicProgress } from './components/progress-bar.tsx'
-import { SearchBar } from './components/search-bar.tsx'
+import { SearchBar } from 'remote/components/search-bar'
 import { useToast } from './components/toaster.tsx'
 import { Button } from './components/ui/button.tsx'
 import { href as iconsHref } from './components/ui/icon.tsx'

examples/federation/epic-stack/app/routes/users+/index.tsx

@@ -2,7 +2,7 @@ import { data, redirect, Link } from 'react-router'
 import { z } from 'zod'
 import { GeneralErrorBoundary } from '#app/components/error-boundary.tsx'
 import { ErrorList } from '#app/components/forms.tsx'
-import { SearchBar } from '#app/components/search-bar.tsx'
+import { SearchBar } from 'remote/components/search-bar'
 import { prisma } from '#app/utils/db.server.ts'
 import { cn, getUserImgSrc, useDelayedIsPending } from '#app/utils/misc.tsx'
 import { type Route } from './+types/index.ts'

examples/federation/epic-stack/rsbuild.config.ts

@@ -17,6 +17,9 @@ export default defineConfig({
 	output: {
 		externals: ['better-sqlite3', 'express', 'ws'],
 	},
+	resolve: {
+		dedupe: ['react', 'react-dom'],
+	},
 	environments: {
 		web: {
 			source: {
@@ -35,18 +38,33 @@ export default defineConfig({
 								remote: 'http://localhost:3001/static/js/remote.js',
 							},
 							shared: {
-								react: {
+								'react-router': {
 									singleton: true,
 								},
-								'react/jsx-dev-runtime': {
+								'react-router/': {
 									singleton: true,
 								},
-								'react/jsx-runtime': {
+								'react-router-dom': {
+									singleton: true,
+								},
+								react: {
 									singleton: true,
 								},
+								'react/': {
+									singleton: true,
+								},
+								// 'react/jsx-dev-runtime': {
+								// 	singleton: true,
+								// },
+								// 'react/jsx-runtime': {
+								// 	singleton: true,
+								// },
 								'react-dom': {
 									singleton: true,
 								},
+								'react-dom/client': {
+									singleton: true,
+								},
 							},
 						}),
 					],
@@ -73,9 +91,18 @@ export default defineConfig({
 							},
 							runtimePlugins: ['@module-federation/node/runtimePlugin'],
 							shared: {
+								"react-router": {
+									singleton: true,
+								},
+								'react-router-dom': {
+									singleton: true,
+								},
 								react: {
 									singleton: true,
 								},
+								'react/': {
+									singleton: true,
+								},
 								'react/jsx-dev-runtime': {
 									singleton: true,
 								},
@@ -85,6 +112,9 @@ export default defineConfig({
 								'react-dom': {
 									singleton: true,
 								},
+								'react-dom/': {
+									singleton: true,
+								},
 							},
 						}),
 					],