diff --git a/packages/docs/src/app/playground/(demos)/pagination/page.tsx b/packages/docs/src/app/playground/(demos)/pagination/page.tsx
index 3f46b1ea..19b87a75 100644
--- a/packages/docs/src/app/playground/(demos)/pagination/page.tsx
+++ b/packages/docs/src/app/playground/(demos)/pagination/page.tsx
@@ -43,7 +43,7 @@ export default async function PaginationDemoPage({ searchParams }: PageProps) {
function PaginationRenderer() {
// Showcasing the use of search params cache in nested RSCs
- const renderOn = searchParamsCache.get('nav')
+ const renderOn = searchParamsCache.get('renderOn')
return (
<>
diff --git a/packages/docs/src/app/playground/(demos)/pagination/pagination-controls.server.tsx b/packages/docs/src/app/playground/(demos)/pagination/pagination-controls.server.tsx
index 1d789840..2a838ad4 100644
--- a/packages/docs/src/app/playground/(demos)/pagination/pagination-controls.server.tsx
+++ b/packages/docs/src/app/playground/(demos)/pagination/pagination-controls.server.tsx
@@ -17,9 +17,9 @@ type PaginationControlsProps = {
export function ServerPaginationControls({
numPages
}: PaginationControlsProps) {
- const { page, delay, nav } = searchParamsCache.all()
+ const { page, delay, renderOn } = searchParamsCache.all()
function pageURL(page: number) {
- return `/playground/pagination?page=${page}&delay=${delay}&nav=${nav}`
+ return `/playground/pagination?page=${page}&delay=${delay}&renderOn=${renderOn}`
}
return (
diff --git a/packages/docs/src/app/playground/(demos)/pagination/rendering-controls.tsx b/packages/docs/src/app/playground/(demos)/pagination/rendering-controls.tsx
index 4badade7..b0820a60 100644
--- a/packages/docs/src/app/playground/(demos)/pagination/rendering-controls.tsx
+++ b/packages/docs/src/app/playground/(demos)/pagination/rendering-controls.tsx
@@ -10,7 +10,7 @@ import {
} from './searchParams'
export function RenderingControls() {
- const [{ nav, delay }, setControls] = useQueryStates(searchParams, {
+ const [{ renderOn, delay }, setControls] = useQueryStates(searchParams, {
shallow: false
})
return (
@@ -21,10 +21,10 @@ export function RenderingControls() {
setControls({
- nav: renderingOptions.includes(value as RenderingOptions)
+ renderOn: renderingOptions.includes(value as RenderingOptions)
? (value as RenderingOptions)
: null
})
diff --git a/packages/docs/src/app/playground/(demos)/pagination/searchParams.ts b/packages/docs/src/app/playground/(demos)/pagination/searchParams.ts
index b8610074..c7d05bc0 100644
--- a/packages/docs/src/app/playground/(demos)/pagination/searchParams.ts
+++ b/packages/docs/src/app/playground/(demos)/pagination/searchParams.ts
@@ -9,7 +9,7 @@ export type RenderingOptions = (typeof renderingOptions)[number]
export const searchParams = {
page: parseAsInteger.withDefault(1),
- nav: parseAsStringLiteral(renderingOptions).withDefault('server'),
+ renderOn: parseAsStringLiteral(renderingOptions).withDefault('server'),
delay: parseAsInteger.withDefault(0)
}