Vite glob imports to React Router config

requirement.js

import convertToRoutes from 'your-awesome-oss-pkg';

const modules = {
  'index.js': IndexComp,
  'about.js': AboutComp,
  'team.js': TeamComp,
  'team/index.js': TeamIndexComp,
  'team/join.js': TeamJoinComp,
  'team/$username.js': TeamMemberComp,
};

// And when I run `const routes = convertToRoutes(modules)`

const routes = [
  { path: '/', element: <IndexComp /> },
  { path: 'about', element: <AboutComp /> },
  {
    path: 'team',
    element: <TeamComp />,
    children: [
      { path: '/', element: <TeamIndexComp /> },
      { path: 'join', element: <TeamJoinComp /> },
      { path: ':username', element: <TeamMemberComp /> },
    ],
  },
];