I am struggling to find a pattern that works for an infinite scroll component I am working on for reference I am using the react-intersection-observer hook. The problem is that my fetchData function is being called twice when the inView…
I am lazy-loading components on a React page by using react-intersection-observer: import React from "react"; import { useInView } from "react-intersection-observer"; const LazyComponent = ({ LoadableComponent, ...rest }) => { const { ref, inView } = useInView({ rootMargin: "50px 0px"…
We have some components that we want to render only once they are visible. Once rendered we do not want them to be invisible again. What is the best way to do this with react-intersection-observer (without creating additional divs) ?