react-query callback function isn't receiving queryKey array as params

Question

const fetchData = async (key, compId, tmId) => {
    console.log('params: ', { key, compId, tmId });

    let url = `/this-path/comp/${compId}/tm/${tmId}`;
    const result = await axios.get(url);
    return result.data;
};

const fetchOutput = useQuery(['string-key', 231, 1053039], fetchData);

In the example above, we need the fetchData() parameter compId to equal 231, and tmId to equal 1053039. Based on my understanding of react-query, I thought that I would get this. However, instead we get this:

...where the queryKey array is accessable at key.queryKey, however the params compId and tmId are undefined, even though we're using useQuery() as such: useQuery(['string-key', 231, 1053039], fetchData)...

Is there something we're missing here? How can we get these values to serve as parameters for the callback fetchData function?

Canovice · Accepted Answer · 2021-01-08 23:56:40Z

2

this, from the v3 migration guide, answers my question...

answered Jan 8, 2021 at 23:56

Canovice

10.7k34 gold badges134 silver badges285 bronze badges

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

Collectives™ on Stack Overflow

react-query callback function isn't receiving queryKey array as params

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related