Направить массив маршрутов в реакцию

Question

Вот мой кусок кода:

<Switch>
 {
   modules.map((m: any[]) => {
    m.map((subm, idx: number) => {
     return (<Route exact path={subm.routeProps.path} component={subm.routeProps.component} key={idx}></Route>)})})
 }
</Switch>

Я не понимаю правильную маршрутизацию, наверное, потому что у меня есть массив Route.

modules список массивов (каждый модуль имеет несколько путей вместе)

Ниже приведен пример модуля ( Аутентификация ):

import Login from '../../components/login/login'
import SignUp from '../../components/signup/signup'

export default [
    {
        routeProps: {
            path: '/login',
            component: Login
        },
        name: 'Login'
    },
    {
        routeProps: {
            path: '/signup',
            component: SignUp
        },
        name: 'Sign Up'
    }
]

И основной экспорт index.tsx :

import Analytics from './analytics'
import Dashboard from './dashboard'
import Games from './games'
import Users from './users'
import Authentication from './authentication'


export default [
    Dashboard,
    Analytics,
    Games,
    Users,
    Authentication
]