Proyectos de Subversion LeadersLinked - Antes de SPA

import { useEffect, useState } from 'react'

const useNear = (ref, rootMargin = '0px') => {
  const [isIntersecting, setIntersecting] = useState(false)

  const reset = () => setIntersecting(false)

  useEffect(() => {
    const observer = new IntersectionObserver(
      ([entry]) => {
        // Update our state when observer callback fires
        setIntersecting(entry.isIntersecting)
      },
      {
        rootMargin
      }
    )
    if (ref.current) {
      observer.observe(ref.current)
    }
    return () => {
      observer.unobserve(ref.current)
    }
  }, [isIntersecting, ref]) // Empty array ensures that effect is only run on mount and unmount

  return [isIntersecting, reset]
}

export default useNear