staleTime and suspense true incompatible

[onionhammer]

Describe the bug
useQuery does not pay attention to 'staleTime' to re-invoke the async callback if 'suspense' is set to 'true'.

To Reproduce

    const { data } = useQuery(
        ["somekey", somevalue], 
        () => someAsyncFn(),
        {
            staleTime: 5000,
            // suspense: true // <-- If this line is uncommented, the query will be cached forever, ignoring staleTime
        }
    );

Expected behavior
When a component with this query is remounted after 5 seconds (5000 milliseconds), it should re-invoke someAsyncFn() to re-fetch the data.

[Shaddix]

I guess, even if staleTime is zero, the query is forever cached.
Here's a sandbox:
https://codesandbox.io/s/elated-resonance-yqkiw?file=/src/App.js

after click on 'details' the query is unmounted and becomes inactive.
after click on 'go back' the query immediately becomes 'stale' again, without being in 'fetching' state.

(if suspense: false is used, query is re-fetched, which is expected)

[jobn]

i think it is related to this #1059
with an explanation of the current behaviour here: #1059 (comment)

if you set cacheTime: 0 i think you get the expected behaviour, because the stale query is removed from the cache

[Shaddix]

thanks for the link to an issue, it seems to be related, I agree.
Though, setting cacheTime: 0 doesn't help in my case (could be tried on codesandbox above)

[boschni]

Should be fixed now in v3: https://react-query-beta.tanstack.com/ . Closing this issue in favor of #1059