jobiqo-cl/lib/src/hooks/useIntersectionObserver.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);

const useIntersectionObserver = ({ root, target, onIntersect, threshold = 1.0, rootMargin = '0px' }) => {
    React.useEffect(() => {
        if (!root) {
            return;
        }
        const observer = new IntersectionObserver(onIntersect, {
            root: root.current,
            rootMargin,
            threshold
        });
        if (!target) {
            return;
        }
        observer.observe(target.current);
        // Let's clean up after ourselves.
        return () => {
            observer.unobserve(target.current);
        };
    });
};

exports.useIntersectionObserver = useIntersectionObserver;