diff --git a/specifyweb/frontend/js_src/lib/components/formtable.tsx b/specifyweb/frontend/js_src/lib/components/formtable.tsx
index 9db24833fd4..86e69c9dabd 100644
--- a/specifyweb/frontend/js_src/lib/components/formtable.tsx
+++ b/specifyweb/frontend/js_src/lib/components/formtable.tsx
@@ -142,10 +142,10 @@ export function FormTable<SCHEMA extends AnySchema>({
   const headerIsVisible =
     resources.length !== 1 || !isExpanded[resources[0].cid];
 
-  const scrollerRef = React.useRef<HTMLDivElement | null>(null);
+  const [scroller, setScroller] = React.useState<HTMLDivElement | null>(null);
   const { isFetching, handleScroll } = useInfiniteScroll(
     handleFetchMore,
-    scrollerRef
+    scroller
   );
 
   // FEATURE: add <FormPreferences /> for formTable records when expanded
@@ -176,7 +176,7 @@ export function FormTable<SCHEMA extends AnySchema>({
             }`,
             maxHeight: `${maxHeight}px`,
           }}
-          forwardRef={scrollerRef}
+          forwardRef={setScroller}
           onScroll={handleScroll}
         >
           <div className={headerIsVisible ? 'contents' : 'sr-only'} role="row">
@@ -474,7 +474,7 @@ export function FormTableCollection({
         setRecords(Array.from(collection.models));
         handleDelete?.(resource);
       }}
-      onFetchMore={handleFetchMore}
+      onFetchMore={collection.isComplete() ? undefined : handleFetchMore}
       {...props}
     />
   );
diff --git a/specifyweb/frontend/js_src/lib/components/queryresultstable.tsx b/specifyweb/frontend/js_src/lib/components/queryresultstable.tsx
index afa15ce9226..ae8c11afef6 100644
--- a/specifyweb/frontend/js_src/lib/components/queryresultstable.tsx
+++ b/specifyweb/frontend/js_src/lib/components/queryresultstable.tsx
@@ -350,10 +350,10 @@ export function QueryResultsTable({
     treeRanksLoaded === true;
   const canFetchMore = !Array.isArray(results) || results.length !== totalCount;
 
-  const scrollRef = React.useRef<HTMLDivElement | null>(null);
+  const [scroller, setScroller] = React.useState<HTMLDivElement | null>(null);
   const { isFetching, handleScroll } = useInfiniteScroll(
     canFetchMore ? handleFetchMore : undefined,
-    scrollRef
+    scroller
   );
 
   return (
@@ -433,7 +433,7 @@ export function QueryResultsTable({
             '--columns': fieldSpecs.length,
           } as React.CSSProperties
         }
-        ref={scrollRef}
+        ref={setScroller}
         onScroll={
           showResults && (isFetching || !canFetchMore)
             ? undefined
diff --git a/specifyweb/frontend/js_src/lib/components/useInfiniteScroll.tsx b/specifyweb/frontend/js_src/lib/components/useInfiniteScroll.tsx
index 15b34c7006a..14f21cca5b7 100644
--- a/specifyweb/frontend/js_src/lib/components/useInfiniteScroll.tsx
+++ b/specifyweb/frontend/js_src/lib/components/useInfiniteScroll.tsx
@@ -8,7 +8,7 @@ import { useBooleanState } from './hooks';
  */
 export function useInfiniteScroll(
   handleFetch: (() => Promise<void>) | undefined,
-  scrollerRef: React.RefObject<HTMLElement | null>
+  scroller: HTMLElement | null
 ): {
   readonly isFetching: boolean;
   readonly handleScroll: (event: React.UIEvent<HTMLElement>) => void;
@@ -23,15 +23,15 @@ export function useInfiniteScroll(
     isFetchingRef.current = false;
     await new Promise((resolve) => setTimeout(resolve, 0));
     // Fetch until there is a scroll bar
-    if (
-      scrollerRef.current !== null &&
-      scrollerRef.current.scrollHeight === scrollerRef.current.clientHeight
-    )
+    if (scroller !== null && scroller.scrollHeight === scroller.clientHeight)
       doFetch().catch(crash);
     handleFetched();
-  }, [handleFetch, scrollerRef, handleFetching, handleFetched]);
+  }, [handleFetch, scroller, handleFetching, handleFetched]);
 
-  React.useEffect(() => void doFetch(), []);
+  React.useEffect(
+    () => (typeof scroller === 'object' ? void doFetch() : undefined),
+    [scroller]
+  );
 
   return {
     isFetching,