@coreui/react-pro/dist/esm/hooks/useIsVisible.js

UI Components Library for React.js

import { useState, useEffect } from 'react';

const useIsVisible = (ref) => {
    const [isIntersecting, setIntersecting] = useState(false);
    useEffect(() => {
        const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting));
        if (ref.current) {
            observer.observe(ref.current);
        }
        return () => observer.disconnect();
    }, []);
    return isIntersecting;
};

export { useIsVisible };
//# sourceMappingURL=useIsVisible.js.map