Issue with react-loadable, react-router and react-apollo when loading the same component twice.

01_dont_do_this.js

// Kudos to @kronosfere for discovering this!!

// App.js:

const SomeView = Loadable({
  loader: () => import('./SomeView.js'),
  loading: Loading,
})

const SomeWrapperView = Loadable({
  loader: () => import('./SomeWrapperView.js'),
  loading: Loading,
})

const App = () => (
  <Provider store={store}>
    <Switch>
      <Route exact path="/someview/" component={SomeView} />
      <Route exact path="/somewrapper/" component={SomeWrapperView} />
    </Switch>
  </Provider>
)

// SomeWrapperView.js

const SomeView = Loadable({
  loader: () => import('./SomeView.js'),
  loading: Loading,
})

const SomeWrapperView = () => (
  <Switch> 
    <Route exact path="/somewrapper/someview/" component={SomeWrapperView} />
  </Switch>
)

02_do_this_instead.js

// App.js:

const SomeView = Loadable({
  loader: () => import('./SomeView.js'),
  loading: Loading,
})

const SomeWrapperView = Loadable({
  loader: () => import('./SomeWrapperView.js'),
  loading: Loading,
})

const App = () => (
  <Provider store={store}>
    <Switch>
      <Route exact path="/someview/" component={SomeView} />
      <Route
        exact
        path="/somewrapper/"
        render={props => (
          <SomeWrapperView LoaderSomeView={SomeView} {...props} />
        )}
      />
    </Switch>
  </Provider>
)

// SomeWrapperView.js

const SomeWrapperView = props => (
  <Switch> 
    <Route
      exact
      path="/somewrapper/someview/"
      render={props => (
        <this.props.LoaderSomeView {...props} />
      )}
    />
  </Switch>
)