bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'fix-use-on-screen-hook' into 'next'

Browse source 
Make sure the current element is present before execution

See merge request soapbox-pub/soapbox-fe!1141
This commit is contained in:
Justin 2022-03-24 15:23:00 +00:00
commit 76b72d9364
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/hooks/useOnScreen.ts
View file

@ -8,12 +8,14 @@ export const useOnScreen = (ref: React.MutableRefObject<HTMLElement>) => {
); );
React.useEffect(() => { React.useEffect(() => {
if (ref.current) {
observer.observe(ref.current); observer.observe(ref.current);
}
return () => { return () => {
observer.disconnect(); observer.disconnect();
}; };
}, []); }, [ref.current]);
return isIntersecting; return isIntersecting;
}; };