luisgulo/daedalOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Never disconnect isVis check

Browse source
This commit is contained in:
Dustin Brett 2023-11-24 18:57:13 -08:00
parent c961523d8e
commit 0054010ead
1 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
hooks/useIsVisible.ts
View file

@ -8,13 +8,13 @@ export const useIsVisible = (
): boolean => {
const watching = useRef(false);
const [isVisible, setIsVisible] = useState(alwaysVisible);
const observerRef = useRef<IntersectionObserver>();
useEffect(() => {
if (alwaysVisible || !elementRef.current || watching.current) return;
watching.current = true;
observerRef.current = new IntersectionObserver(
new IntersectionObserver(
(entries) =>
entries.forEach(({ isIntersecting }) => setIsVisible(isIntersecting)),
{
@ -25,12 +25,8 @@ export const useIsVisible = (
elementRef.current.parentElement,
...DEFAULT_INTERSECTION_OPTIONS,
}
);
observerRef.current.observe(elementRef.current);
).observe(elementRef.current);
}, [alwaysVisible, elementRef, parentSelector]);
useEffect(() => () => observerRef.current?.disconnect(), []);
return isVisible;
};