useVisibility

import useVisibility from '@empeek-rnd-ui/hooks/useVisibility';

//in your component
const Item = () => {
  const [itemRef, isVisible] = useVisibility();
  
  useEffect(() => {
    // As soon as component will be visible you can fetch the data for him
    if (isVisible) {
      // fetch data here
    }
  }, [isVisible])

  return (
    <div ref={itemRef}>Some Item</div>
  );
}