Create a typescript type that refers to a useQuery hook dynamically
I'm trying to create a typescript type that generically refers to a useQuery hook (e.g. I am trying to do
From exploring the types under the hood of trpc, I think I need to use
Does anyone know how to create a type like this?
environment:
Node 19,
typescript 5.3.3,
@trpc/client, @trpc/server, @trpc/next: 10.45.1
@tanstack/react-query: 4.36.1
type CommonHookFn = (name:string)=>MyCustomTypeFrom exploring the types under the hood of trpc, I think I need to use
ProcedureUseQuery<TProcedure, TPath>stringMyCustomTypeDoes anyone know how to create a type like this?
environment:
Node 19,
typescript 5.3.3,
@trpc/client, @trpc/server, @trpc/next: 10.45.1
@tanstack/react-query: 4.36.1
Solution
I also have a post on this https://dev.to/nicklucas/trpc-patterns-router-factories-and-polymorphism-30b0
DEV Community
This post comes in 2 halves: tRPC Router Factories Consuming Router Factories in a React...
