diff --git a/src/pages/home/report/ReportActionsList.js b/src/pages/home/report/ReportActionsList.js
index 2648769e0a57..4af69adc6672 100644
--- a/src/pages/home/report/ReportActionsList.js
+++ b/src/pages/home/report/ReportActionsList.js
@@ -56,6 +56,9 @@ const propTypes = {
/** Callback executed on scroll */
onScroll: PropTypes.func.isRequired,
+ /** Function to load more chats */
+ loadMoreChats: PropTypes.func.isRequired,
+
...withDrawerPropTypes,
...windowDimensionsPropTypes,
};
@@ -165,7 +168,7 @@ class ReportActionsList extends React.Component {
keyExtractor={this.keyExtractor}
initialRowHeight={32}
initialNumToRender={this.calculateInitialNumToRender()}
- onEndReached={this.loadMoreChats}
+ onEndReached={this.props.loadMoreChats}
onEndReachedThreshold={0.75}
ListFooterComponent={this.props.isLoadingReportActions
?
diff --git a/src/pages/home/report/ReportActionsView.js b/src/pages/home/report/ReportActionsView.js
index 877868f0cd82..ef0520b143f9 100755
--- a/src/pages/home/report/ReportActionsView.js
+++ b/src/pages/home/report/ReportActionsView.js
@@ -110,6 +110,7 @@ class ReportActionsView extends React.Component {
this.toggleFloatingMessageCounter = this.toggleFloatingMessageCounter.bind(this);
this.updateNewMarkerPosition = this.updateNewMarkerPosition.bind(this);
this.updateMessageCounterCount = this.updateMessageCounterCount.bind(this);
+ this.loadMoreChats = this.loadMoreChats.bind(this);
this.recordTimeToMeasureItemLayout = this.recordTimeToMeasureItemLayout.bind(this);
this.scrollToBottomAndUpdateLastRead = this.scrollToBottomAndUpdateLastRead.bind(this);
this.updateNewMarkerAndMarkReadOnce = _.once(this.updateNewMarkerAndMarkRead.bind(this));
@@ -417,6 +418,7 @@ class ReportActionsView extends React.Component {
sortedReportActions={this.sortedReportActions}
mostRecentIOUReportSequenceNumber={this.mostRecentIOUReportSequenceNumber}
isLoadingReportActions={this.props.isLoadingReportActions}
+ loadMoreChats={this.loadMoreChats}
/>