add console logs to troubleshoot infinite scroll on production

src/atoms/tableScope/table.ts

@@ -76,6 +76,7 @@ export const tablePageAtom = atom(
   (get, set, update: number | ((p: number) => number)) => {
     // If loading more or doesn’t have next page, don’t request another page
     const tableNextPage = get(tableNextPageAtom);
+    console.log("Next page requested", JSON.stringify(tableNextPage));
     if (tableNextPage.loading || !tableNextPage.available) return;
 
     const currentPage = get(tablePageAtom);

src/components/Table/Table.tsx

@@ -170,7 +170,7 @@ export default function Table() {
       const isAtBottom =
         target.clientHeight + target.scrollTop >= target.scrollHeight - offset;
       if (!isAtBottom) return;
-      console.log("Scroll");
+      console.log("Scrolled to bottom");
       // Call for the next page
       setTablePage((p) => p + 1);
     },

src/hooks/useFirestoreCollectionWithAtom.ts

@@ -147,6 +147,7 @@ export function useFirestoreCollectionWithAtom<T = TableRow>(
     // Set nextPageAtom if provided and getting the next page
     else if (memoizedQuery.page > 0 && nextPageAtom) {
       setNextPageAtom((s) => ({ ...s, loading: true }));
+      console.log("Loading next page", memoizedQuery.page);
     }
 
     // Create a listener for the query
@@ -170,6 +171,12 @@ export function useFirestoreCollectionWithAtom<T = TableRow>(
               available: docs.length >= memoizedQuery.limit,
             }));
           }
+          console.log(
+            "Loaded next page",
+            memoizedQuery.page,
+            "  Next page available:",
+            docs.length >= memoizedQuery.limit
+          );
         } catch (error) {
           if (onError) onError(error as FirestoreError);
           else handleError(error);