Nice simple React HOC for using Suspense with React Router's routes.

load.component.js

import React from 'react'
import LoadingComponent from 'loading.component'

export default (fn, props) => {
  const Component = React.lazy(fn)
  return <React.Suspense fallback={<LoadingComponent />}><Component {...props} /></React.Suspense>
}

/**
 * Example usage: 
 *
 * import loadComponent from 'load.component'
 *
 * <Route path="/auth" render={props => loadComponent(() => import("./pages/auth.page"), props)} />
 */