Pagination: How to detect whether previousPage() or nextPage() is loading to prevent firing off requests for non-existent pages?

[ror-y]

Versions:
React version: "^16.12.0"
React Table version: "^7.1.0"

Issue:

GIVEN I click the 'next' button for pagination once
THEN the next page loads 👍

GIVEN I click the 'next' button several times without waiting
THEN I fire off requests for pages that don't exist 👎

Detail:

I have a react-table with a component which, when clicked, goes to the next page using server side pagination:

    const {
        getTableProps,
        getTableBodyProps,
        headerGroups,
        page,
        prepareRow,
        nextPage,
        previousPage,
        state: { pageSize, pageIndex },
    } = useTable(
        {
            columns,
            data,
            initialState: { pageIndex: 1 },
            manualPagination: true,
            pageCount: 999,
        },
        usePagination
    )

                <Arrow
                    icon={faChevronLeft}
                    onClick={() => {
                        previousPage()
                    }}
                    disabled={!isPreviousAvailable}
                />
                <Text fontSize="14px" mx="15px">
                    Page {pageIndex}
                </Text>
                <Arrow
                    icon={faChevronRight}
                    onClick={() => {
                        nextPage()
                    }}
                    disabled={!isNextAvailable}
                />

I know whether there is an available next or previous page by what is returned in the server response:

view: {
    isNextAvailable: true,
    isPreviousAvailable: false,
}

I am using the above to determine whether or not to disable the pagination buttons.

My issue is:

While the new paginated data is loading, the button is not disabled because the server hasn't yet finished responding.

Therefore if the user hammers the previous or next buttons they could be firing requests for pages that don't exist.

Is there a way I can detect whether previousPage() or nextPage() are in the process of returning data?