import { debounce } from 'lodash';
import { useEffect } from 'react';

const ScrollElement = document.scrollingElement || document.documentElement;

const ScrollTracker = ({ onScroll }) => {
  useEffect(() => {
    const _onScroll = () => {
      onScroll({
        scrollTop: ScrollElement.scrollTop,
        clientHeight: ScrollElement.clientHeight,
      });
    };

    window.addEventListener('scroll', debounce(_onScroll, 10), { passive: true });
    return () => window.removeEventListener('scroll', _onScroll);
  });
};

export default ScrollTracker;

@@ -226,16 +226,25 @@
 croll = 
+debounce(
 () =%3E %7B%0A
@@ -369,16 +369,21 @@
 );%0A    %7D
+, 10)
 ;%0A%0A    w
@@ -415,25 +415,16 @@
 croll', 
-debounce(
 _onScrol
@@ -429,13 +429,8 @@
 oll,
- 10),
  %7B p

fix removing event listener bug