how can I invoke a trpc call inside a nested function?

I know it isn't directly possible. But is there a workaround?

Solution

Neto•7/5/23, 9:33 PM

Use the vanilla client

Neto•7/5/23, 9:33 PM

Will give you a promise to resolve

Solution

Neto•7/5/23, 9:34 PM

Alfonso GuerraOP•7/5/23, 10:24 PM

Don't they normally do that? eg, api.posts.getAll.useQuery() in theo's t3 tutorial?

Neto•7/5/23, 10:46 PM

that is the trpc tanstack query client

Neto•7/5/23, 10:47 PM

with that you are able to handle the call in a more react way

Neto•7/5/23, 10:47 PM

with vanilla client you can use as if was plain ts

Neto•7/5/23, 10:47 PM

const values = [1, 2, 3]
const tasks = values.map((elem) => client.something.something2.query(elem));
const result = await Promise.all(tasks)

const values = [1, 2, 3]
const tasks = values.map((elem) => client.something.something2.query(elem));
const result = await Promise.all(tasks)

Alfonso GuerraOP•7/5/23, 11:08 PM

And react doesn't regard it as a hook?

Neto•7/5/23, 11:09 PM

Alfonso GuerraOP•7/5/23, 11:21 PM

Yeah, that did the trick. I just needed to do a little more data massaging of my stuff for everything to work.

Alfonso GuerraOP•7/5/23, 11:21 PM

Thank you very much!