Multiple keys not working for queryClient.refetchQueries/invalidateQueries for react native app

[amie-wilt]

Hello,

"react": "^17.0.1"
"react-native": "^0.63.4"
"react-query": "^3.13.0"

I'm using this in a react native project and am having some issues with queryClient.invalidateQueries and queryClient.refetchQueries. I'm looking to refetch multiple queries in a pull-to-refresh action. Both are working with one key, however neither are working with multiple keys. Below I'm only displaying the results for queryClient.refetchQueries.

In the first screenshot of my code you can see I'm using one key--raaReadings--and it's triggering the refetch as expected, which is demonstrated by the log I put in node_modules/react-query/lib/core/queryClient.js, screenshot below.

Single key working

Single key in queryClient.refetchQueries:

Console log statement in react-query package:

Logged value:

Multiple keys not working

Multiple keys in queryClient.refetchQueries:

refetching query is not logged as it is with a single key and the isFetching value for both of the keys I entered is false:

I'm not sure if maybe I'm using it incorrectly but I don't see any examples for multiple keys and the answer I found in the Discussions for someone who asked the same question wasn't very insightful:

#302

Thank you and hope you/team is keeping well.

[TkDodo]

refetchQueries doesn’t work like that. If you want multiple queries to be refetched that don’t start with the same key, you need to call refetchQueries multiple times.

[goongoguma]

I saw interesting behavior of multiple refetchqueries.
As you mentioned above @TkDodo I set two refetchquries to fetch newly updated data after I updateded memo.

  queryClient.refetchQueries('useUserInfoMemoAllListById') // fetch all memo data
  queryClient.refetchQueries('useUserInfoMemoMyListById') // fetch the memo data only I wrote

This works fine. However when I change the order of these two like below

queryClient.refetchQueries('useUserInfoMemoMyListById') // fetch the memo data only I wrote
queryClient.refetchQueries('useUserInfoMemoAllListById') // fetch all memo data

react-query fetches only useUserInfoMemoMyListById data after I updated the memo.
Therefore is the order of refetchQuries matter in case multiple refetchQuries are used?

[TkDodo]

Therefore is the order of refetchQuries matter in case multiple refetchQuries are used?

not, it does not. can you post a minimal runnable codesandbox reproduction of the issue?