@wcdw3/lazy-render/dist/esm/index.js

uses react-intersection-observer to render components when they appear on the screen.

import React from 'react';
import { useInView } from 'react-intersection-observer';

function LazyRender({ children, fallback, rootMargin, threshold = 0, forceView = false, triggerOnce = true }) {
    const { ref, inView } = useInView({
        threshold,
        rootMargin,
        triggerOnce,
    });
    return inView || forceView ? (React.createElement(React.Fragment, null, children)) : (React.createElement("div", { ref: ref }, fallback));
}

export { LazyRender as default };
//# sourceMappingURL=index.js.map