fix: delay loading of newer chat until reported list render is complete

Expensify · Sep 20, 2024 · 2cbfd5d · 2cbfd5d
1 parent bacfcc8
commit 2cbfd5d
Showing 1 changed file with 2 additions and 8 deletions.
diff --git a/src/pages/home/report/ReportActionsList.tsx b/src/pages/home/report/ReportActionsList.tsx
@@ -626,7 +626,7 @@ function ReportActionsList({
     }, [isLoadingNewerReportActions, canShowHeader, hasLoadingNewerReportActionsError, retryLoadNewerChatsError]);
 
     const onStartReached = useCallback(() => {
-        loadNewerChats(false);
+        InteractionManager.runAfterInteractions(() => requestAnimationFrame(() => loadNewerChats(false)));
     }, [loadNewerChats]);
 
     const onEndReached = useCallback(() => {
@@ -655,13 +655,7 @@ function ReportActionsList({
                     initialNumToRender={initialNumToRender}
                     onEndReached={onEndReached}
                     onEndReachedThreshold={0.75}
-                    onStartReached={() => {
-                        InteractionManager.runAfterInteractions(() => {
-                            requestAnimationFrame(() => {
-                                onStartReached();
-                            });
-                        });
-                    }}
+                    onStartReached={onStartReached}
                     onStartReachedThreshold={0.75}
                     ListFooterComponent={listFooterComponent}
                     ListHeaderComponent={listHeaderComponent}