lazy-react-router.jsx

import React from 'react'
import { 
  BrowserRouter as Router, 
  Switch 
} from 'react-router-dom'

const HomePage = React.lazy(() => import('./Pages/Home'))
const LoginPage = React.lazy(() => import('./Pages/Login'))

export default function () {
  return (
    <Router>
      <Switch>
        <Route exact path='/'>
          <React.Suspense fallback={<p>Loading...</p>}>
            <HomePage />
          </React.Suspense>
        </Route>
        <Route exact path='/login'>
          <React.Suspense fallback={<p>Loading...</p>}>
            <LoginPage />
          </React.Suspense>
        </Route>
      </Switch>
    </Router>
  )
}