Reactjs div with scroll tigger onEndReached event / Detect scroll end

reactjs-onEndReached-scroll.js

useEffect(() => {
    const listElement = refElement.current; // this is a ref that you need to pass to your html element that contains scroll
    if (listElement) {
      listElement.onscroll = () => {
        const bottom = listElement.scrollHeight - listElement.scrollTop === listElement.clientHeight;
        if (bottom) {
          onEndReached(); // it is a prop you can change per a inside component method
        }
      };

      return () => {
        listElement.onscroll = () => {};
      };
    }
  }, [refElement, onEndReached]);