createAsyncRoute.js

route.js

import React from 'react'
import { Route } from 'react-router-dom'
import { routes } from './routeMap'
import Bundle from 'component/bundle/Bundle'
import LoadingIndicator from 'component/bundle/LoadingIndicator'

const AsyncRoute = ({ component: Component, store, ...rest }) => (
    <Route {...rest} render={props => (
        <Bundle store={store} load={Component}>
            {(Component) => {
                return Component ? <Component {...props} /> : <LoadingIndicator />;
            }}
        </Bundle>
    )}/>
);

export const renderRoutes = store => (
    routes.map((route, index) => (
        <AsyncRoute
            key={index}
            store={store}
            path={route.path}
            exact={route.exact}
            component={route.component}
        />
    ))
);