Как отложить загрузку компонентов в компонент React router dom Route?

У меня есть это:

<Router>
  <Route component={MyLazyLoadedComponent} />
</Router>

Я думал о том, чтобы сделать:

<Router>
  <Route render={props => {
    import('path/to/component').then(Module => {
      return <Module.default {...props.match.params} />
    })
  }} />
</Router/>

Но это не работает, поскольку компонент <Route /> маршрутизатора React Dom не является асинхронным (маршрут фактически отображается ПЕРЕД импортом). Как добиться этого разделения кода?

На самом деле вопрос также актуален для Webpack, а также для сборщика пакетов.