docs(examples): fix infinite scroll example to stop loading when it should

Closes TanStack#766

Author: tannerlinsley

examples/load-more-infinite-scroll/hooks/useIntersectionObserver.js

@@ -6,8 +6,13 @@ export default function useIntersectionObserver({
   onIntersect,
   threshold = 1.0,
   rootMargin = '0px',
+  enabled = true,
 }) {
   React.useEffect(() => {
+    if (!enabled) {
+      return
+    }
+
     const observer = new IntersectionObserver(
       entries =>
         entries.forEach(entry => entry.isIntersecting && onIntersect()),
@@ -29,5 +34,5 @@ export default function useIntersectionObserver({
     return () => {
       observer.unobserve(el)
     }
-  }, [target.current])
+  }, [target.current, enabled])
 }

examples/load-more-infinite-scroll/pages/index.js

@@ -34,6 +34,7 @@ export default () => {
   useIntersectionObserver({
     target: loadMoreButtonRef,
     onIntersect: fetchMore,
+    enabled: canFetchMore,
   })
 
   return (