Bug: Can't preload a page with pagination
This is my frontend code:
And this my backend code:
And I always get this error:
export default async function HomePage() {
const preloadedPosts = await preloadQuery(api.posts.getNewestPosts, {
paginationOpts: {
numItems: 30,
cursor: "1",
},
});
return (
<main>
<PostOverview preloadedPosts={preloadedPosts} />
</main>
);
}export default async function HomePage() {
const preloadedPosts = await preloadQuery(api.posts.getNewestPosts, {
paginationOpts: {
numItems: 30,
cursor: "1",
},
});
return (
<main>
<PostOverview preloadedPosts={preloadedPosts} />
</main>
);
}And this my backend code:
export const getNewestPosts = query({
args: { paginationOpts: paginationOptsValidator },
handler: (ctx, args) => {
return (
ctx
.table("posts")
.order("desc")
.paginate(args.paginationOpts)
);
},
});export const getNewestPosts = query({
args: { paginationOpts: paginationOptsValidator },
handler: (ctx, args) => {
return (
ctx
.table("posts")
.order("desc")
.paginate(args.paginationOpts)
);
},
});And I always get this error:
[ Server ] Error: [Request ID: ff4dc13bc227ab5a] Server Error
Uncaught Error: Failed to parse cursor
at async PromisePaginationResultOrNullImpl.retrieve (../../node_modules/.pnpm/convex-ents@0.13.0_convex@1.17.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_/node_modules/convex-ents/src/functions.ts:394:6)
at async docs [as docs] (../../node_modules/.pnpm/convex-ents@0.13.0_convex@1.17.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_/node_modules/convex-ents/src/functions.ts:627:19)[ Server ] Error: [Request ID: ff4dc13bc227ab5a] Server Error
Uncaught Error: Failed to parse cursor
at async PromisePaginationResultOrNullImpl.retrieve (../../node_modules/.pnpm/convex-ents@0.13.0_convex@1.17.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_/node_modules/convex-ents/src/functions.ts:394:6)
at async docs [as docs] (../../node_modules/.pnpm/convex-ents@0.13.0_convex@1.17.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_/node_modules/convex-ents/src/functions.ts:627:19)
