type of a TRPC mutation

What is the type of a TRPC mutation if I want to pass it into a component

export default function MyComponent({ myMutation} : {myMutation: ???} {
// mutating things...
}

export default function MyComponent({ myMutation} : {myMutation: ???} {
// mutating things...
}

whatplan•2/20/23, 9:16 PM

Just call useMutation in that component?
Why do you need to pass it as a prop?

Tom•2/20/23, 9:22 PM

in general. i agree with @whatplan

Tom•2/20/23, 9:22 PM

but to answer the question:

Tom•2/20/23, 9:22 PM

type MutationType = ReturnType<typeof trpc.users.generateApiKey.useMutation>

type MutationType = ReturnType<typeof trpc.users.generateApiKey.useMutation>

isaac_way•2/20/23, 9:36 PM

sometimes it can make sense to have a reusable component that accepts any mutation as a prop, in which case you can use

@tanstack/react-query

@tanstack/react-query

UseMutationResult

UseMutationResult

type

danmrkwOP•2/20/23, 9:49 PM

Thanks for replying. I use the same mutation in the parent component as well as in the child. Seems inefficient to repeat oneself.

danmrkwOP•2/20/23, 9:54 PM

typescript seems to accept that - thank you