diff --git a/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx b/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx index 153cc1823925..df8e35fb42cb 100644 --- a/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx +++ b/examples/table-material-ui-cursor-pagination/src/pages/posts/list.tsx @@ -6,14 +6,8 @@ import { DataGrid, GridColDef } from "@mui/x-data-grid"; import { ICommit } from "../../interfaces"; export const PostList: React.FC = () => { - const [next, setNext] = React.useState(undefined); const { dataGridProps, tableQueryResult } = useDataGrid({ initialPageSize: 5, - metaData: { - cursor: { - next, - }, - }, }); const { data } = tableQueryResult; @@ -67,14 +61,6 @@ export const PostList: React.FC = () => { row.sha} {...dataGridProps} - onPaginationModelChange={(model, details) => { - const lastRow = data?.data[data.data.length - 1]; - const next = lastRow?.commit.committer.date; - if (next) { - setNext(next); - } - dataGridProps.onPaginationModelChange?.(model, details); - }} columns={columns} autoHeight /> diff --git a/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts b/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts index 950d3b0c1d28..f2bdc39b8129 100644 --- a/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts +++ b/examples/table-material-ui-cursor-pagination/src/rest-data-provider/index.ts @@ -13,8 +13,8 @@ export const dataProvider = ( getList: async ({ resource, metaData, pagination }) => { let url = `${apiUrl}/${resource}?per_page=${pagination?.pageSize || 10}`; - if (metaData?.cursor?.next) { - url = `${url}&until=${metaData.cursor.next}`; + if (pagination?.current) { + url = `${url}&page=${pagination?.current}`; } const { data } = await httpClient.get(url);