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;
};