next/dist/esm/shared/lib/lazy-dynamic/loadable.js

The React Framework

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Suspense, Fragment, lazy } from 'react';
import { BailoutToCSR } from './dynamic-bailout-to-csr';
import { PreloadChunks } from './preload-chunks';
// Normalize loader to return the module as form { default: Component } for `React.lazy`.
// Also for backward compatible since next/dynamic allows to resolve a component directly with loader
// Client component reference proxy need to be converted to a module.
function convertModule(mod) {
    // Check "default" prop before accessing it, as it could be client reference proxy that could break it reference.
    // Cases:
    // mod: { default: Component }
    // mod: Component
    // mod: { default: proxy(Component) }
    // mod: proxy(Component)
    const hasDefault = mod && 'default' in mod;
    return {
        default: hasDefault ? mod.default : mod
    };
}
const defaultOptions = {
    loader: ()=>Promise.resolve(convertModule(()=>null)),
    loading: null,
    ssr: true
};
function Loadable(options) {
    const opts = {
        ...defaultOptions,
        ...options
    };
    const Lazy = /*#__PURE__*/ lazy(()=>opts.loader().then(convertModule));
    const Loading = opts.loading;
    function LoadableComponent(props) {
        const fallbackElement = Loading ? /*#__PURE__*/ _jsx(Loading, {
            isLoading: true,
            pastDelay: true,
            error: null
        }) : null;
        // If it's non-SSR or provided a loading component, wrap it in a suspense boundary
        const hasSuspenseBoundary = !opts.ssr || !!opts.loading;
        const Wrap = hasSuspenseBoundary ? Suspense : Fragment;
        const wrapProps = hasSuspenseBoundary ? {
            fallback: fallbackElement
        } : {};
        const children = opts.ssr ? /*#__PURE__*/ _jsxs(_Fragment, {
            children: [
                typeof window === 'undefined' ? /*#__PURE__*/ _jsx(PreloadChunks, {
                    moduleIds: opts.modules
                }) : null,
                /*#__PURE__*/ _jsx(Lazy, {
                    ...props
                })
            ]
        }) : /*#__PURE__*/ _jsx(BailoutToCSR, {
            reason: "next/dynamic",
            children: /*#__PURE__*/ _jsx(Lazy, {
                ...props
            })
        });
        return /*#__PURE__*/ _jsx(Wrap, {
            ...wrapProps,
            children: children
        });
    }
    LoadableComponent.displayName = 'LoadableComponent';
    return LoadableComponent;
}
export default Loadable;

//# sourceMappingURL=loadable.js.map