arredemo/src/app/layout/hooks/useScroll.mjs

Instantly build a static site for your package

import { useEffect, useState } from "react"

const useScroll = (callback, delay = 30) => {
  const [lastUpdate, setLastUpdate] = useState(0)

  useEffect(() => {
    const onScroll = (event) => {
      const wpos = window.pageYOffset
      const diff = Math.abs(wpos - lastUpdate)
      if (diff >= delay) {
        setLastUpdate(wpos)
        callback(event)
      }
    }

    window.addEventListener("scroll", onScroll, { passive: true })

    return () => {
      window.removeEventListener("scroll", onScroll)
    }
  }, [callback, lastUpdate, delay])
}

export default useScroll