RTK Query Pattern for fetching data with query arguments

Question

I have an application where multiple components are fetching data like below and is using the data for some rendering.

const {data} = useGetUserQuery({shippingAddressId: 123});

I'm trying to figure out what is the normal RTK query pattern if I wanted to call useGetUserQuery with a new shippingAddressId and have all the components consuming this hook rerender?

Since RTK Query uses the query parameters as cache keys, the data doesn't update since the shippingAddressId is hardcoded.

I'm currently getting around this by dispatching an action to the redux store which updates a params object with say shippingAddressId and using that as my query argument in the useGetUserQuery({...params}) hook.

By dispatching an action, all my components that are consuming the useGetUserQuery hook gets updated.

Is this an anti-pattern?

Thank you and I look forward to any recommendations.

That's perfectly fine.

phry
– phry

2022-07-19 07:24:04 +00:00
Commented Jul 19, 2022 at 7:24 — phry
– phry, Commented Jul 19, 2022 at 7:24

Fabrizio Paolo Petrelli · Accepted Answer · 2022-07-19 10:03:50Z

4

As you can read from the redux toolkit query documentation:

RTK Query will automatically fetch data on mount, re-fetch when parameters change, provide {data, isFetching} values in the result, and re-render the component as those values change.

So yes, that's how RTKQuery handles the update and the re-fetch, you should use a variable instead of a hardcoded number.

answered Jul 19, 2022 at 10:03

Fabrizio Paolo Petrelli

1458 bronze badges

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

1 Comment

Lelis718 Over a year ago

so, if I need to perform a refetch with other parameter i need to use a variable with a useState or something that keeps track of the change of that variable to perform the refetch... In other words... a query management tool with state support needs another kind of state support to perform a change on the parameter, it doesn't make any sense at all.

Collectives™ on Stack Overflow

RTK Query Pattern for fetching data with query arguments

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related