text: import { useEffect } from "react"
  
  export function useScrollEvent(onScroll) {
    useEffect(() => {
      window.addEventListener(`scroll`, onScroll, { passive: false })
      return () => {
        window.removeEventListener(`scroll`, onScroll, { passive: false })
      }
    }, [])
  }
  