tRPCttRPC
Powered by
rustclanR
tRPC•3y ago•
7 replies
rustclan

return type of a query endpoint

Hello

I currently have a trpc endpoint:
  const customInstances = api.customInstance.userCustomInstances.useQuery();
  const customInstances = api.customInstance.userCustomInstances.useQuery();


And I am trying to pass this into a custom react component:
interface CustomInstanceProps {
  customInstances: any;
}

const CustomInstance = ({customInstances}: CustomInstanceProps) {
  const data = customInstances.data;
  const refetch = () => {customInstances.refetch()}
   
  return (
  <Button onClick={() => {
    refetch()
   }}>refetch data</Button>
)
}
interface CustomInstanceProps {
  customInstances: any;
}

const CustomInstance = ({customInstances}: CustomInstanceProps) {
  const data = customInstances.data;
  const refetch = () => {customInstances.refetch()}
   
  return (
  <Button onClick={() => {
    refetch()
   }}>refetch data</Button>
)
}

The problem is, I'm not entirely sure how I am supposed to type the
customInstance
customInstance
property? I have tried using return types:
  customInstances: ReturnType<
    typeof api.customInstance.userCustomInstances.useQuery
  >;
  customInstances: ReturnType<
    typeof api.customInstance.userCustomInstances.useQuery
  >;

but this makes the
data
data
property value
unknown
unknown
.
image.png
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

trpc useQuery/useMutation not inferring return type of prisma query
Ahmad ShbeebAAhmad Shbeeb / ❓-help
2y ago
Infer query type of `data`
bill92Bbill92 / ❓-help
2y ago
Using output validator breaks query return type inference on react query
KarolKKarol / ❓-help
2y ago