docs: update fetchNextPage condition in Example component (#9626)

Co-authored-by: Alikhani <[email protected]>

Author: alikhani-dev

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>