Topics

Theo's Typesafe Cult•16mo ago

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...
}

4 Replies

whatplan•16mo ago

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

Tom•16mo ago

in general. i agree with @whatplan but to answer the question:

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

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

isaac_way•16mo ago

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-querys UseMutationResult type

danmrkw•16mo ago

Thanks for replying. I use the same mutation in the parent component as well as in the child. Seems inefficient to repeat oneself. typescript seems to accept that - thank you 🙂

Theo's Typesafe Cult Join

21KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

How to reduce cold start times with tRPC apiMy app was built using t3 stack and for the most part its great but it has one problem that i havent How to redirect from login page with trpc's SSR enabled?Any simple solutions for redirecting unauthenticated users to `/login` and authenticated users from Delete file from s3 using presigned urlsI am trying to delete files from my bucket using a presigned url, so far this is my api handler: ``Recommendations on feature flag library for t-3 app?I saw on Vercel's documentation that they recommend optimizely. Has anyone had experience with it or NextAuth + GitHub Provider refreshis anyone using NextAuth with the GitHub provider in a real app? From what I understand, sessions do should i just make a REST api for that?i have a simple function: isTrueOrFalse it returns true or false depending on how the server feels React Native + Next.js API server deployed on vercel ?Is it possible to use Next.js and just use it's API routes to create a backend server which can be d how to serve image from digitalocean spaces(s3)im able to uploads file to the bucket but i cant serve the file to the frontend(i think by default d Single nested admin route catch-all for all pages?How can I setup my file-based routing to be something like: pages index.js about.js cont PostgreSQL: Best pgAdmin4 Alternative?Very frequently I need to query the DB, I have `pgAdmin4` deployed to web and it works fine but is t