Tanstack router + React: Nx monorepo with module federation using Rspack

import { composePlugins, withNx, withReact } from '@nx/rspack';
import { withModuleFederation } from '@nx/module-federation/rspack';
import { ModuleFederationConfig } from '@nx/module-federation';
import { TanStackRouterRspack } from '@tanstack/router-plugin/rspack';

import baseConfig from './module-federation.config';

const config: ModuleFederationConfig = {
  ...baseConfig,
};

// Nx plugins for rspack to build config object from Nx options and context.
/**
 * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
 * The DTS Plugin can be enabled by setting dts: true
 * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
 */
export default composePlugins(
  withNx(),
  withReact(),
  withModuleFederation(config, { dts: false }),
  (config, context) => {
    if (!config.plugins) {
      config.plugins = [];
    }

    config.plugins.push(
      TanStackRouterRspack({
        routesDirectory: './src/routes/',
        generatedRouteTree: './src/routes/routeTree.gen.ts',
        routeFileIgnorePrefix: '-',
        quoteStyle: 'single',
      })
    );
    return config;
  }
);