From 0a34bcfcba395a41c500543e19a8843fdb49a7a7 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 3 Jun 2022 12:24:55 -0500
Subject: [PATCH] StatusList: fix infinite scrolling (apparently I don't
 understand how useCallback works)

---
 app/soapbox/components/status_list.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/status_list.tsx b/app/soapbox/components/status_list.tsx
index a421f62a3..edfcd505a 100644
--- a/app/soapbox/components/status_list.tsx
+++ b/app/soapbox/components/status_list.tsx
@@ -68,11 +68,11 @@ const StatusList: React.FC<IStatusList> = ({
   };
 
   const handleLoadOlder = useCallback(debounce(() => {
-    const loadMoreID = lastStatusId || statusIds.last();
-    if (onLoadMore && loadMoreID) {
-      onLoadMore(loadMoreID);
+    const maxId = lastStatusId || statusIds.last();
+    if (onLoadMore && maxId) {
+      onLoadMore(maxId);
     }
-  }, 300, { leading: true }), []);
+  }, 300, { leading: true }), [onLoadMore, lastStatusId, statusIds.last()]);
 
   const selectChild = (index: number) => {
     node.current?.scrollIntoView({