header/src/App.tsx

import { BrowserRouter, Route, Routes } from '@modern-js/runtime/router';
import Index from './components/index';
import { useModuleApps } from '@modern-js/plugin-garfish/runtime';

export default (props: { basename: string }) => {
  const { basename } = props;
  // const { Table, Dashboard } = useModuleApps();

  return (
    <BrowserRouter basename={basename}>
        <Index />
        <Routes>
            {/* <Route index element={<div>Header App inside route {Math.random()}</div>} /> */}
            {/* <Route index element={<Index />} /> */}

            <Route path={'table'} element={<div>Table MFE from header</div>} />
            {/* <Route path={'table'} element={<Table />} /> */}
            {/* <Route path={'dashboard'} element={<Dashboard />} /> */}
        </Routes>
    </BrowserRouter>
  );
};