diff --git a/examples/react/load-more-infinite-scroll/src/pages/index.tsx b/examples/react/load-more-infinite-scroll/src/pages/index.tsx
index 9aa6742d15..bf10bafb88 100644
--- a/examples/react/load-more-infinite-scroll/src/pages/index.tsx
+++ b/examples/react/load-more-infinite-scroll/src/pages/index.tsx
@@ -50,10 +50,10 @@ function Example() {
   })
 
   React.useEffect(() => {
-    if (inView) {
+    if (inView && hasNextPage && !isFetchingNextPage) {
       fetchNextPage()
     }
-  }, [fetchNextPage, inView])
+  }, [inView, hasNextPage, isFetchingNextPage, fetchNextPage])
 
   return (
     <div>