How to configure Module Federation in React Router with Vite?

[neetigyachahar]

I am typically trying to set up a React Router (framework mode) project with Module Federation enabled.

You can explore a demo repo here: https://github.com/neetigyachahar/react-router-vite-module-federation

There are two apps, host and remote-1 in it. First, I'm trying to configure remote-1 app work properly.

Here is a snippet of my vite.config.ts file in the remote-1 app.

import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
import { federation } from "@module-federation/vite";

export default defineConfig({
  plugins: [
    tailwindcss(),
    reactRouter(),
    tsconfigPaths(),
    federation({
      name: "remote-app",
      filename: "remoteEntry.js",
      exposes: {
        "./Button": "./app/components/Button",
      },
      shared: {
        react: {
          singleton: true,
          requiredVersion: "^19.0.0",
        },
        "react-dom": {
          singleton: true,
          requiredVersion: "^19.0.0",
        },
      },
    }),
  ],
  server: {
    port: 5001,
  },
  build: {
    target: "esnext",
  },
});

The build is successfully created but if I run it, I get the following error:

chahar@Neetigyas-Laptop remote-1 % npm start
> start
> react-router-serve ./build/server/index.js

file:///Users/chahar/projects/demo/rr-vite-mf/remote-1/build/server/assets/index.cjs-qyK6uRiB.js:1
import require$$0 from '@module-federation/runtime-core';
       ^^^^^^^^^^
SyntaxError: The requested module '@module-federation/runtime-core' does not provide an export named 'default'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:181:21)
    at ModuleJob.run (node:internal/modules/esm/module_job:264:5)
    at onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:583:26)
    at run (/Users/chahar/projects/demo/rr-vite-mf/remote-1/node_modules/@react-router/serve/dist/cli.js:80:15)

Also, for the host app, I am getting the error as mentioned in this repo: https://github.com/Hunga1/module-federation-react-router-framework-reprex/tree/main

[vite] (ssr) Error when evaluating SSR module virtual:react-router/server-build: require is not defined
      at eval (/Users/myuser/module-federation-react-router-framework-reprex/react-router-framework-host/node_modules/__mf__virtual/host__loadShare__react_mf_2_router__loadShare__.js:8:25)
[vite] Internal server error: require is not defined
      at eval (/Users/myuser/module-federation-react-router-framework-reprex/react-router-framework-host/node_modules/__mf__virtual/host__loadShare__react_mf_2_router__loadShare__.js:8:25)

What could be the possible fixes for these?