Simple react hook for getting window Y scroll position

useScrollPosition.js

import {useState, useEffect} from 'react'

const useScrollPosition = () => {

  const [scrollPosition, setScrollPosition] = useState(-1)

  useEffect(() => {
    const handleScroll = () => setScrollPosition(window.scrollY)

    window.addEventListener('scroll', handleScroll)

    /**
     * Initialize with correct scroll position once.
     * 
     * If user refreshes page when he/she has scrolled down the page already the scroll position
     * needs to be preserved.
     */
    if (scrollPosition < 0)
      handleScroll()

    return () => window.removeEventListener('scroll', handleScroll)
  })

  return scrollPosition
}

export default useScrollPosition