ezalorsara
ezalorsaraā€¢16mo ago

pagination - Offset Method

Hi trpc has pagination example but only using cursor https://trpc.io/docs/reactjs/useinfinitequery Is there an example there that use offset pagination https://www.prisma.io/docs/concepts/components/prisma-client/pagination Or is it not supported by trpc useInfiniteQuery. Thank you
useInfiniteQuery | tRPC
- Your procedure needs to accept a cursor input of any type (string, number, etc) to expose this hook.
Prisma
Pagination (Reference)
Prisma Client supports both offset pagination and cursor-based pagination. Learn more about the pros and cons of different pagination approaches and how to implement them.
2 Replies
Alex / KATT šŸ±
Alex / KATT šŸ±ā€¢16mo ago
we wouldn't use useInfiniteQuery then i think
Alex / KATT šŸ±
Alex / KATT šŸ±ā€¢16mo ago
look at https://tanstack.com/query/v4/docs/react/guides/paginated-queries
Paginated / Lagged Queries | TanStack Query Docs
Rendering paginated data is a very common UI pattern and in TanStack Query, it "just works" by including the page information in the query key:
More Posts
next js appDirNext js tRpc What are the advantages of using trpc instead of the native Next.js APIs when buildingHow can you fetch data on a dynamic router with trpc?Iā€™m creating a table component within my NextJs app. Instead of making an api call in the parent comMocking tRPC call w/ Playwright (Transform Error)I have a tRPC call that I would like to mock out for a Playwright E2E test. I've followed their doczod input validation from ts typeI imported a type using `import type { WebhookEvent } from "@clerk/nextjs/api";`. Is there a way to Looking to fix my tRPC implementationHi guys I am looking for some help implementing tRPC in my current project, I have 3 files that needExpression produces a union type that is too complex to representHi! I have started to encounter the above on error on pretty simple react components using trpc v10 Skipping useQuery with typescriptI'm wondering if there is a way to skip a query in a typescript friendly way? `rtk-query` has a handClerk Webhook Input UndefinedHi! I wrote a public procedure that takes in an input and updates user info based on Clerk Webhook.