refetchInterval doesn't work with multiple useQuery usages

[pierissimo]

If my component uses multiple useQuery hooks, and each hook have refetchInterval configured, the interval doesn't seem to fire for all the 3 queries, but only for the first one.

Here the reproduced bug (open the console): https://codesandbox.io/s/exciting-fire-tyypj?file=/src/App.js

[tannerlinsley]

As of today, it will take the shortest interval and only run that one interval as a least common denominator. Work is being done to support mixed intervals.

[tannerlinsley]

I'll consider this a feature request and move it to discussions.

[cherniavskii]

That's interesting, looks like a bug to me.
@tannerlinsley note, that each query uses different query key, so refetch interval should work for each of them.
I think it might be solved by #404, let's see

[tannerlinsley]

Each query key should already work separately, but instances no. Right now (or after your PR), it should use the shortest interval length per query, right?

[cherniavskii]

Each query key should already work separately

yes, it should, but it doesn't because of #399

I've checked @pierissimo 's example on latest master branch and it works as expected now 🎉

[cherniavskii]

This discussion should also be converted into issue

[tannerlinsley]

Yeah. Unfortunately there’s no button to do that yet.

[cherniavskii]

Oh, that's unfortunate

[cherniavskii]

Works as expected with 1.3.0 - https://codesandbox.io/s/busy-fast-nv7sx?file=/src/App.js

Note, that I've changed returning value to string instead of date in query functions, since react-query doesn't compare dates properly (data comparison is a new feature in 1.3.0)

[pierissimo]

It works great, even with different refetch intervals for each one.
Thanks!

[cherniavskii]

You're welcome!