This snippet pertains to the Material UI Datagrid component. In order to prevent users from moving to the next page while the API is still loading, I need to disable the Go to next page button.
<DataGrid
autoHeight
getRowHeight={getRowHeight}
rows={rows}
columns={columns}
page={page - 1}
rowCount={total}
rowsPerPageOptions={rowsPerPage}
pagination
paginationMode='server'
pageSize={pageSize}
getRowClassName={(params) => getRowClassName(params)}
onPageChange={(newPage) => handelPageChange(newPage)}
loading={isLoading}
// disableNextPage={isLoading}
onPageSizeChange={(newPageSize) =>
setAssetList((prevState) => ({
...prevState,
pageSize: newPageSize,
}))
}
/>