Check whether is scrolling to bot or top - React

is_scrolling.js

  const [currentPosition, setCurrentPosition] = useState(0)
  const [isScrollingToBottom, setIsScrollingToBottom] = useState(false)

  useEffect(() => {
    const handleScroll = () => {
      const { scrollTop } = document.documentElement
      const isScrollingDown = scrollTop > currentPosition

      setIsScrollingToBottom(isScrollingDown)
      setCurrentPosition(scrollTop)
    }

    window.addEventListener('scroll', handleScroll)

    return () => {
      window.removeEventListener('scroll', handleScroll)
    }
  }, [currentPosition])