react-decode-animation/dist/cjs/hooks/useOnScreen.js

Decode effect typing animation for React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = require("react");
function useOnScreen(ref) {
    const [isIntersecting, setIntersecting] = (0, react_1.useState)(false);
    (0, react_1.useEffect)(() => {
        const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting));
        observer.observe(ref.current);
        return () => {
            observer.disconnect();
        };
    }, []);
    return isIntersecting;
}
exports.default = useOnScreen;
//# sourceMappingURL=useOnScreen.js.map