fix(examples): show "Nothing more to load" in infinite scroll example

The loader row was excluded from the virtualizer count when hasNextPage
was false, so the end-of-list message never rendered. Always include the
extra row and add a stop condition to demonstrate the behavior.

Closes #1068

Author: muraliavarma

examples/react/infinite-scroll/src/main.tsx

@@ -37,7 +37,8 @@ function App() {
   } = useInfiniteQuery({
     queryKey: ['projects'],
     queryFn: (ctx) => fetchServerPage(10, ctx.pageParam),
-    getNextPageParam: (lastGroup) => lastGroup.nextOffset,
+    getNextPageParam: (lastGroup) =>
+      lastGroup.nextOffset < 5 ? lastGroup.nextOffset : undefined,
     initialPageParam: 0,
   })
 
@@ -46,7 +47,7 @@ function App() {
   const parentRef = React.useRef<HTMLDivElement>(null)
 
   const rowVirtualizer = useVirtualizer({
-    count: hasNextPage ? allRows.length + 1 : allRows.length,
+    count: allRows.length + 1,
     getScrollElement: () => parentRef.current,
     estimateSize: () => 100,
     overscan: 5,