React addEventListener scroll

  const ref = useRef();

  const handleScroll = () => {
    console.log('scroll');
  };

  useEffect(() => {
    const div = ref.current;
    if (div) {
      div.addEventListener('scroll', handleScroll);
    }
  }, []);


  return <ul ref={ref}></ul>

https://coding-time.co/scroll-events-react-hooks/