How to chain useQuery calls? | Use result from one query as input for another?

How can I achieve something like this?

14 Replies

barry•2y ago

function Example() {
  const { data: firstQuery } = trpc.example.someQuery.useQuery();
  const { data: secondQuery } = trpc.example.someQuery.useQuery({
    id: firstQuery.data.ids
  }, {
    enabled: !!firstQuery?.ids
  });

  return (...)
}

function Example() {
  const { data: firstQuery } = trpc.example.someQuery.useQuery();
  const { data: secondQuery } = trpc.example.someQuery.useQuery({
    id: firstQuery.data.ids
  }, {
    enabled: !!firstQuery?.ids
  });

  return (...)
}

But, you could probably make your backend handle this instead of doing 2 queries.

cje•2y ago

yea, chances are you want this to be one query that makes two database requests round trips are expensive

Dari•2y ago

Of course, but in my specific case i am mapping the first query with data that is only available client and i don't want it to be passed to the server

barry•2y ago

So the second query takes in information that the backend should not have?

Dari•2y ago

Im still running into an issue, tho:

trpc.example.someQuery.useQuery({
    ids: firstQuery.data!.ids // data is undefined ! didn't work
  }, {
    enabled: !!firstQuery.data?.ids
  });

trpc.example.someQuery.useQuery({
    ids: firstQuery.data!.ids // data is undefined ! didn't work
  }, {
    enabled: !!firstQuery.data?.ids
  });

yup

barry•2y ago

Of course it's undefined if you destructured it Just use the ? operator btw

Dari•2y ago

Not working, because ids cant be undefined / null

barry•2y ago

And it's firstQuery?.ids, there is no data property if you copied my code

Dari•2y ago

no i didn't destruct it

barry•2y ago

👍 Just gotta tell TypeScript to shut up then

Dari•2y ago

but it leads to a runtime error

barry•2y ago

What if you pass a default that fits the requirements

Dari•2y ago

never mind sorry you are absolutely right with ? it worked and it's just typescript complaining Thank you very much

barry•2y ago

No worries

Gaming

Programming

How to chain useQuery calls? | Use result from one query as input for another?