tRPCttRPC
Powered by
ZephZ
tRPC•4y ago•
9 replies
Zeph

Query keys

Hi! I'm super new to TRPC and based on my understanding, TRPC has a thin wrapper around react query. So, I'm wondering how to include the query keys when using trpc.

Thank you!

export const itineraryRouter = router({
  list: publicProcedure
    .input(
      z.object({
        userId: z.string().uuid(),
      })
    )
    .query(async ({ input }) => {
      const itineraries = await prisma.itinerary.findMany({
        where: {
          userId: input.userId,
        },
      })
      return itineraries
    })
})

// how I use it in my component
const { data, isLoading } = trpc.itinerary.list.useQuery(
      {
        userId: user?.id as string,
      },
   
    {
      enabled: !!user,
    }
  )
export const itineraryRouter = router({
  list: publicProcedure
    .input(
      z.object({
        userId: z.string().uuid(),
      })
    )
    .query(async ({ input }) => {
      const itineraries = await prisma.itinerary.findMany({
        where: {
          userId: input.userId,
        },
      })
      return itineraries
    })
})

// how I use it in my component
const { data, isLoading } = trpc.itinerary.list.useQuery(
      {
        userId: user?.id as string,
      },
   
    {
      enabled: !!user,
    }
  )
tRPCJoin
Move Fast & Break Nothing. End-to-end typesafe APIs made easy.
5,015Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Extra query keys for functions for invalidation
jJj / ❓-help
12mo ago
Optimizing Global State Updates for Mutations Across Multiple Query Keys in tRPC with React Query
shanksxzSshanksxz / ❓-help
14mo ago
abortOnUnmount old Query vs new Query
MugetsuMMugetsu / ❓-help
3w ago