useQueries how to get response for a certain query

Question

Is it possible to distinguish the response, we get from useQueries. For example

const ids = ['dg1', 'pt3', 'bn5'];
const data = useQueries(
  ids.map(id => (
    {
      queryKey: ['friends', id],
      queryFn: () => get(
        '/v3/friends',
        {
          query: {
            id,
          },
        },
      ),
    }
  )),
);

from the response, how can I know which response is for id dg1 and so forth or is the of the responses guaranteed to be in the same order as the ids?

someCoolResponse.queryKey[1]?

k.tten
– k.tten

2022-04-28 14:19:31 +00:00
Commented Apr 28, 2022 at 14:19 — k.tten
– k.tten, Commented Apr 28, 2022 at 14:19

TkDodo · Accepted Answer · 2022-04-30 11:52:45Z

3

The order returned from useQueries is the same as the input order, so in your example:

data[0] will be for id: 'dg1'
data[1] will be for id: 'pt3'
data[2] will be for id: 'bn5'

answered Apr 30, 2022 at 11:52

TkDodo

30.4k5 gold badges84 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

LCIII Over a year ago

Is there no way to uniquely map the results to the array passed into useQueries other than the matching index? There isn't a unique id that could be associated with the results?

TkDodo Over a year ago

data will contain whatever you return from the queryFn. If you add the queryKey passed there, or any other unique id, it will be part of data

Wasim Abuzaher Over a year ago

Is this included in the current docs of react query? I couldn't find that on the official docs of useQueries

Collectives™ on Stack Overflow

useQueries how to get response for a certain query

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related