const [pagination, setPagination] = useState<PaginationState>({
pageIndex: 0,
pageSize: PAGE_SIZE,
});
const { data, pages, hasNextPage } = useLiveInfiniteQuery(
(q) =>
q
.from({ position: PositionsCollection })
.orderBy(({ position }) => position.id, "desc"),
{
pageSize: pagination.pageSize,
getNextPageParam: (lastPage) =>
lastPage.length === pagination.pageSize ? lastPage.length : undefined,
},
);
const table = useReactTable({
data,
columns,
getRowId: (row) => row.id.toString(),
getCoreRowModel: getCoreRowModel(),
manualPagination: true,
onPaginationChange: setPagination,
state: { pagination },
autoResetPageIndex: false,
pageCount: -1,
});
const [pagination, setPagination] = useState<PaginationState>({
pageIndex: 0,
pageSize: PAGE_SIZE,
});
const { data, pages, hasNextPage } = useLiveInfiniteQuery(
(q) =>
q
.from({ position: PositionsCollection })
.orderBy(({ position }) => position.id, "desc"),
{
pageSize: pagination.pageSize,
getNextPageParam: (lastPage) =>
lastPage.length === pagination.pageSize ? lastPage.length : undefined,
},
);
const table = useReactTable({
data,
columns,
getRowId: (row) => row.id.toString(),
getCoreRowModel: getCoreRowModel(),
manualPagination: true,
onPaginationChange: setPagination,
state: { pagination },
autoResetPageIndex: false,
pageCount: -1,
});