Skip to content

Commit 2e9a2b4

Browse files
committed
doc: Update Community > TanStack Table Parsers
1 parent aceb4ed commit 2e9a2b4

File tree

1 file changed

+4
-30
lines changed

1 file changed

+4
-30
lines changed

Diff for: packages/docs/content/docs/parsers/community/tanstack-table.generator.tsx

+4-30
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import {
2020
} from '@/src/components/ui/select'
2121
import { Separator } from '@/src/components/ui/separator'
2222
import {
23-
createParser,
23+
parseAsIndex,
2424
parseAsInteger,
2525
parseAsString,
2626
useQueryState
@@ -29,19 +29,6 @@ import { useDeferredValue } from 'react'
2929

3030
const NUM_PAGES = 5
3131

32-
// The page index parser is zero-indexed internally,
33-
// but one-indexed when rendered in the URL,
34-
// to align with your UI and what users might expect.
35-
const pageIndexParser = createParser({
36-
parse: query => {
37-
const page = parseAsInteger.parse(query)
38-
return page === null ? null : page - 1
39-
},
40-
serialize: value => {
41-
return parseAsInteger.serialize(value + 1)
42-
}
43-
})
44-
4532
export function TanStackTablePagination() {
4633
const [pageIndexUrlKey, setPageIndexUrlKey] = useQueryState(
4734
'pageIndexUrlKey',
@@ -53,35 +40,22 @@ export function TanStackTablePagination() {
5340
)
5441
const [page, setPage] = useQueryState(
5542
pageIndexUrlKey,
56-
pageIndexParser.withDefault(0)
43+
parseAsIndex.withDefault(0)
5744
)
5845
const [pageSize, setPageSize] = useQueryState(
5946
pageSizeUrlKey,
6047
parseAsInteger.withDefault(10)
6148
)
6249

6350
const parserCode = useDeferredValue(`import {
64-
createParser,
51+
parseAsIndex,
6552
parseAsInteger,
6653
parseAsString,
6754
useQueryStates
6855
} from 'nuqs'
6956
70-
// The page index parser is zero-indexed internally,
71-
// but one-indexed when rendered in the URL,
72-
// to align with your UI and what users might expect.
73-
const pageIndexParser = createParser({
74-
parse: query => {
75-
const page = parseAsInteger.parse(query)
76-
return page === null ? null : page - 1
77-
},
78-
serialize: value => {
79-
return parseAsInteger.serialize(value + 1)
80-
}
81-
})
82-
8357
const paginationParsers = {
84-
pageIndex: pageIndexParser.withDefault(0),
58+
pageIndex: parseAsIndex.withDefault(0),
8559
pageSize: parseAsInteger.withDefault(10)
8660
}
8761
const paginationUrlKeys = {

0 commit comments

Comments
 (0)