Fixed message loading

AGProjects · Dec 21, 2023 · 9541dda · 9541dda
1 parent 96826b8
commit 9541dda
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/app/components/Chat/MessageList.js b/src/app/components/Chat/MessageList.js
@@ -94,14 +94,6 @@ const MessageList = ({
         }
     }, [focus, loading, display]);
 
-    const loadMore = React.useCallback(() => {
-        DEBUG('Attempting to load more messages');
-        setLoading(true);
-        messagesBefore.current = [messagesRef.current.scrollHeight, messagesRef.current.scrollTop];
-        setTimeout(() => {
-            loadMoreMessages();
-        }, 150);
-    }, [loadMoreMessages]);
 
     useEffect(scrollToBottom, [scroll]);
 
@@ -220,7 +212,7 @@ const MessageList = ({
         if (inView) {
             loadMore();
         }
-    }, [inView, loadMore]);
+    }, [inView]); // eslint-disable-line react-hooks/exhaustive-deps
 
     useEffect(() => {
         let ignore = false;
@@ -240,6 +232,15 @@ const MessageList = ({
         }
     }, [storageLoadEmpty, inView, loading, more, messages, hasMore]);
 
+    const loadMore = React.useCallback(() => {
+        DEBUG('Attempting to load more messages');
+        setLoading(true);
+        messagesBefore.current = [messagesRef.current.scrollHeight, messagesRef.current.scrollTop];
+        setTimeout(() => {
+            loadMoreMessages();
+        }, 150);
+    }, [loadMoreMessages]);
+
     return (
         <div
             className="drawer-chat"