Topics

Theo's Typesafe Cult•14mo ago

TRPC onClick

What is the best way to call a TRPC client on a button click. looking to get data from TPRC

4 Replies

cje•14mo ago

disable the query and refetch on click

MrGreyKnight•14mo ago

Any chance you have an example or links to the right bit of the docs? and does that change with the T3 tRPC setup?

cje•14mo ago

const hello = api.example.hello.useQuery(
  { text: "from tRPC" },
  { enabled: false }
);

return <button onClick={() => void hello.refetch()}>Click me</button>;

const hello = api.example.hello.useQuery(
  { text: "from tRPC" },
  { enabled: false }
);

return <button onClick={() => void hello.refetch()}>Click me</button>;

the t3 trpc setup doesn't change anything its basically stock

MrGreyKnight•14mo ago

Thanks much appreciated!

Theo's Typesafe Cult Join

21KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Handling UI components (SR) libs with Next13/appHow one would handle an UI component library wich supports Server rendering of those components with running a query only if a boolean is truethe component which Im running the query in is always mounted in app.tsx and I only want it to run a Multiple Database reads in a single roundtrip with KyselyIs it possible to do multiple SELECTs from the db without another await? I'm assuming I could do som Library recommendation for Authentication on React?On React Ive only worked with Cognito but since Im not using AWS I dont know what else. Ive built on should I share TRPC client in a internal package?I have 2 clients and 1 server in one monorepo. these 2 clients are consuming the same api/using the 404 at default signin route api/auth/signinAny ideas why NextAuth is not giving me a default form? Gives me a 404 page at api/auth/signin Tips/Tricks for large scale create-t3-turbo projects?Curious if anyone has experience using create-t3-turbo for a large scale app/website and ran into an TypeError: resolver is not a functionWhen trying to access the login page. Using App Router and https://next-auth.js.org/configuration/in queryNew to Nextjs/T3, how do you change the favicon/ tab logo and title of webpage from a npm create t3-Updating Class sections based on a selected courseI am creating a testing website. I am trying to create a form where teachers can create a test for o