Pagination example about axios-hooks HOT 4 CLOSED

const [currentPageNumber, setCurrentPageNumber] = useState(1);
const [previousTransactions, setPreviousTransactions] = useState([]);

// Endpoint
const [{data, loading}, postTransactions] = useAxios(
    {
      url: '/transactions',
      method: 'post',
    },
    {manual: true},
  );

// Fetch transactions on mount
  useEffect(() => {
    postTransactions();
  }, [postTransactions]);

// Fetch more transactions when scroll to end of flatlist
  const fetchMoreTransactions = () => {
    if (data?.pagination) {
      const nextPageNumber = currentPageNumber + 1;
      if (nextPageNumber <= data.pagination.last_page) {
        postTransactions({
          params: {
            page: nextPageNumber,
          },
        });
        setCurrentPageNumber(nextPageNumber);
        setPreviousTransactions(allTransactions);
      }
    }
  };

// Add new page of transactions to previous transactions
  const allTransactions = [...previousTransactions];
  if (data?.transactions) {
    allTransactions.push(...data?.transactions);
  }

// use allTransactions as data
return (
         <FlatList
            keyExtractor={(_item: any, index: number) => `${index}`}
            data={allTransactions}
            renderItem={({item}) => <TransactionGroup group={item} />}
            onEndReachedThreshold={0.5}
            onEndReached={fetchMoreTransactions} />
)