All files / app/utils useOnVisibleEffect.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
6x
6x
 
330x
330x
 
 
 
330x
199x
35x
 
 
 
330x
 
 
import { useEffect } from "react";
import { useInView } from "react-intersection-observer";
 
export default function useOnVisibleEffect(onVisible?: () => void) {
  const { ref, inView } = useInView({
    threshold: 0.9,
  });
 
  useEffect(() => {
    if (inView) {
      onVisible?.();
    }
  }, [inView, onVisible]);
 
  return { ref };
}