loadable-components.js

const LoadablePlugin = require('@loadable/webpack-plugin')
exports.onCreateWebpackConfig = ({ actions, plugins }) => {
  actions.setWebpackConfig({
    plugins: [new LoadablePlugin()]
  })
}
import loadable from '@loadable/component'

export default function Page(props) {
  const LazyComponent = loadable(() => import(`../components/lazyComponent.js`))
  return (
    <Layout>
      // ...
      <LazyComponent whatAmI={"Lazy!"} />
    </Layout>
  )
}