pagination is not working when I add filter and sortby

[patcrama]

Hi All,

I started with pagination implementation using react table and it was working as expected , but when I add other features like column filter, sort by hooks then pagination is breaking. Like when I click on second page or select another page data is always setting back to first page.

Please share , if you any body has examples for combining pagination with filter and sort hooks

below is the code I have.

const {
getTableProps,
getTableBodyProps,
headerGroups,
prepareRow,
page,
canPreviousPage,
canNextPage,
pageOptions,
pageCount,
gotoPage,
nextPage,
previousPage,
setPageSize,
// Get the state from the instance
state: { pageIndex, pageSize },
} = useTable(
{
columns,
data,
initialState: { pageIndex: 0 }, // Pass our hoisted table state
manualPagination: true, // Tell the usePagination
pageCount: controlledPageCount,
defaultColumn, // Be sure to pass the defaultColumn option

    },
    useFilters, // useFilters!
    useSortBy,
    usePagination, 
  )