onEndReached firing multiple times

Describe the bug onEndReached method gets fired multiple times when scrolling to the end of scroll view when trying to fetch next set of data for pagination.

Code:

 return (
    <View style={styles.container}>
      <MasonryList
        contentContainerStyle={styles.bListContainer}
        data={feedActivites}
        keyExtractor={(item) => item.id}
        numColumns={2}
        showsVerticalScrollIndicator={false}
        renderItem={({ item }) => <ActivityCard key={item.id} activity={item} />}
        refreshing={feedFetching}
        onRefresh={() => getInitialFeedActivites()}
        onEndReached={() => {
            console.log('onEndReached Fired!');
            // getNextActivites();
        }}
        onEndReachedThreshold={0.1}
      />
    </View>
  );
}

To Reproduce Steps to reproduce the behavior:

1. Add data to data array
2. add onEndReached Method
3. Scroll down to end of List
4. onEndReached Method gets called in rapid succession multiple times

Expected behavior Should only fire one time when reaching end of list

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Mac OS Big Sir
• Browser: Chrome
• Version: 91

Smartphone (please complete the following information):

• Device: iPhone 12
• OS: iOS 14.5

Additional context Add any other context about the problem here.