useOnScrollEffect.ts

import { useEffect } from 'react';

export const useOnScrollEffect = (
  fun: React.EffectCallback,
  elementId: string
) =>
  useEffect(() => {
    document.getElementById(elementId)?.addEventListener('scroll', fun);
    return () => window.removeEventListener('scroll', fun);
  }, [fun]);