fix(InfiniteScroll): fixed the double onActivate in the InfiniteScroll component

[Ruminat]

Issue: #80
Solution: added a small delay after the first onActivate so that the second (wrong) one won't be called.

[gravity-ui-bot]

Preview is ready.

[korvin89]

Why is it called multiple times? Apparently, you want to fix the consequence of the problem, not the problem itself.

[Ruminat]

Why is it called multiple times?

Because the isBottomVisible condition doesn't change instantly and the isActive condition does which allows the second onActivate to happen. But while the second onActivate is being processed, the isBottomVisible condition finally changes so we won't get any new onActivate's

[Ruminat]

It's IntersectionObserver which changes isBottomVisible, so I'm not sure if we can do anything about that

[Ruminat]

Or maybe we can do another check (if the intersector is visible) together with the isActive check
I will investigate more

[Ruminat]

@korvin89 I found a more elegant solution:

• I got rid of the useEffect in the InfiniteScroll component
• Renamed useIntersection → useOnIntersected
• useOnIntersected now triggers an onIntersected callback, so that we will check and call onActivate only when isIntersecting becomes true
• That way we don't get the double onActivate and everything else works as expected