ggascoigne•3d ago

Types question

I'm slowly migrating an old graphql based project over to trpc v11, using @trpc/tanstack-react-query, and rather liking how it all works, but I'm having some difficulties typing some of the code when I try and wrap some of the queries. I have simple code like this:

export const useGetSettingsQuery = () => {
  const trpc = useTRPC()
  return useQuery(trpc.settings.getSettings.queryOptions())
}

export const useGetSettingsQuery = () => {
  const trpc = useTRPC()
  return useQuery(trpc.settings.getSettings.queryOptions())
}

And it works great, but since I have a ton of more complicated apis to migrate, where the variables and the query params change somewhat, I'd like to extract the types for the interface of trpc.<endpoint>.queryOptions. I know how to do this using Parameters<> if trpc were global, but it's not in this pattern, and while I can see that the interface is defined as TRPCQueryOptions<TDef extends ResolverDef>, I basically want to know how I get the type for ResolverDef for my specific endpoint.

2 Replies

BeBoRE•2d ago

You mean this? https://trpc.io/docs/client/vanilla/infer-types#inferring-input--output-types

Inferring Types | tRPC

It is often useful to access the types of your API within your clients. For this purpose, you are able to infer the types contained in your AppRouter.

ggascoigneOP•2d ago

Yes, that might well be what I want. I was assuming that I should just reuse TRPCQueryOptions, but I might just want the input type (for the variables) and then the stock query options type from @tanstack/query. I think I was making it more complicated than it needed and trying to infer them from the resolver (whatever that actually is). Thanks, I'll try it.

Types question

Did you find this page helpful?