Function useIntersectionObserver

hooks/useIntersectionObserver.ts:8–22

(ref: RefObject<Element>, options?: IntersectionObserverInit)

 * @param options Intersection observer options
 */
export function useIntersectionObserver(ref: RefObject<Element>, options?: IntersectionObserverInit) {
  const [isIntersecting, setIsIntersecting] = useState(false);
  useEffect(() => {
    const target = ref.current;
    if (!target) return;
    const observer = new IntersectionObserver(([entry]) => {
      setIsIntersecting(entry.isIntersecting);
    }, options);
    observer.observe(target);
    return () => {
      observer.unobserve(target);
    };
  }, [ref, options]);
  return isIntersecting;
}