react-use/src/useMouseWheel.ts

import {useEffect, useState} from 'react'

export default () => {
    const [mouseWheelScrolled, setMouseWheelScrolled] = useState(0)
    useEffect(()=>{
        const updateScroll = (e : MouseWheelEvent) => {
            setMouseWheelScrolled(e.deltaY + mouseWheelScrolled)
        }
        window.addEventListener('wheel', updateScroll, false)
        return () => window.removeEventListener('wheel', updateScroll)
    })
    return mouseWheelScrolled
}