fix(devtools): not subscribing to queryCache if devtool is closed

[dhirajarun]

This will stop unnecessary rerender of devtools when they are closed.

fix of issue #4097

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit f6894d3:

Sandbox	Source
@tanstack/query-example-react-basic	Configuration
@tanstack/query-example-react-basic-typescript	Configuration

[codecov-commenter]

Codecov Report

Base: 96.36% // Head: 96.83% // Increases project coverage by +0.46% 🎉

Coverage data is based on head (f6894d3) compared to base (eab6e2c).
Patch has no changes to coverable lines.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #4146      +/-   ##
==========================================
+ Coverage   96.36%   96.83%   +0.46%     
==========================================
  Files          45       58      +13     
  Lines        2281     2682     +401     
  Branches      640      789     +149     
==========================================
+ Hits         2198     2597     +399     
- Misses         80       83       +3     
+ Partials        3        2       -1     

Impacted Files	Coverage Δ
src/core/queryClient.ts
src/react/setLogger.ts
src/react/setBatchUpdatesFn.ts
src/core/retryer.ts
src/devtools/utils.ts
src/core/notifyManager.ts
src/devtools/Logo.tsx
src/react/useBaseQuery.ts
src/react/logger.ts
src/devtools/useLocalStorage.ts
... and 93 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[TkDodo]

wouldn't a simpler way be to conditionally render the whole ReactQueryDevtoolsPanel if we want to have it closed, possibly here:

query/packages/react-query-devtools/src/devtools.tsx

Line 246 in ea80700

<ReactQueryDevtoolsPanel

The variable to check is !isResolvedOpen

[dhirajarun]

Yeah, I tried that, but Transition(animation) gets removed.