Fixed automatic call of onIntersect function in infite-scroll example (#449)

Author: DennisOluoch

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

@@ -8,11 +8,15 @@ export default function useIntersectionObserver({
   rootMargin = '0px',
 }) {
   React.useEffect(() => {
-    const observer = new IntersectionObserver(onIntersect, {
-      root: root && root.current,
-      rootMargin,
-      threshold,
-    })
+    const observer = new IntersectionObserver(
+      entries =>
+        entries.forEach(entry => entry.isIntersecting && onIntersect()),
+      {
+        root: root && root.current,
+        rootMargin,
+        threshold,
+      }
+    )
 
     const el = target && target.current
 

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

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