next-dynamic-loading-props

Pass props to the loading components in next/dynamic. A package to workaround vercel/next.js#7906.

Installation

npm install next-dynamic-loading-props

Usage

import dynamic from 'next/dynamic';
import withLoadingProps from 'next-dynamic-loading-props';
const Modal = withLoadingProps(useLoadingProps => dynamic(
  () => import('./modal'),
  {
    ssr: false,
    loading: () => {
      const props = useLoadingProps();
      return <Loading {...props} ></Loading>
    }
  }
));
<Modal {...loadingProps} ></Modal>