Queries' cache works strange when dynamic `queryKey` is used about react-query

[charlotte-bone]

I think that you'll need to set a staleTime. Every time you click, it sees that the cache exists for that query key but it is marked as stale so it'll refetch. If it's something that you don't need to refetch again, you can set it to Infinity.

[TkDodo]

the query key points to a query in the cache. When you switch from one query to the next by changing the key, it's one of the indicators that react-query uses to potentially refetch stale queries.

when the key doesn't change, nothing happens, because otherwise, there would be a fetch on every re-render

[PowerSlime]

Ok. So it's an expected behavior as I understand.
In case when query key doesn't get changed over the time the requests doesn't get sent because it's not marked as stale.
But when queryKey changes previous result of the function execution then it gets marked as state and even if cache already exists - function will be re-runned.

If I understand everything correctly, then, I guess issue could be closed.