ReactQueryDevtools throwing "Cannot read property 'queries' of undefined`"

[cristi-shoreline]

Hello, all!

I'm having an issue with ReactQueryDevtools. Wherever I place the dev tools component wrapped in the QueryClientProvider (and even not) I'm getting the same Uncaught TypeError: Cannot read property 'queries' of undefined.

I have the latest versions, so I guess they are in sync. I also know about the issue with not finding the client, but it doesn't seem to be that. What could it be?

Thanks a lot!

[cristi-shoreline]

It might be from here https://github.com/tannerlinsley/react-query-devtools/blob/master/src/index.js#L273

[TkDodo]

Are you using the built-in devtools? Because your link goes to the deprecated external package for v2....

[cristi-shoreline]

You're right, @TkDodo! That was just me being silly and I just couldn't easily spot that.

Indeed, I had the deprecated package installed too, from a while ago (and very likely I forgot to remove it) and I'm pretty sure that by mistake I used the ReactQueryDevtools export from the deprecated lib.

My bad here and sorry for the trouble!

[gvnavin]

I am facing similar issue. Can you help resolve this issue ?

Dependencies:
"react-query": "^3.16.0",
"react-query-devtools": "^2.6.3",

react-query-devtools.development.js:1705 Uncaught TypeError: Cannot read property 'queries' of undefined
    at ReactQueryDevtoolsPanel (react-query-devtools.development.js:1705)
    at renderWithHooks (react-dom.development.js:14970)
    at updateForwardRef (react-dom.development.js:16992)
    at beginWork (react-dom.development.js:18982)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3920)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3969)
    at invokeGuardedCallback (react-dom.development.js:4029)
    at beginWork$1 (react-dom.development.js:23778)
    at performUnitOfWork (react-dom.development.js:22614)
    at workLoopSync (react-dom.development.js:22551)
    at renderRootSync (react-dom.development.js:22517)
    at performSyncWorkOnRoot (react-dom.development.js:22134)
    at react-dom.development.js:11380
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11326)
    at flushSyncCallbackQueueImpl (react-dom.development.js:11375)
    at flushSyncCallbackQueue (react-dom.development.js:11363)
    at scheduleUpdateOnFiber (react-dom.development.js:21734)
    at dispatchAction (react-dom.development.js:16096)
    at react-query-devtools.development.js:1138``

[TkDodo]

If you are on v3, make sure to use the devtools that come with the library (react-query/devtools), not the separate package react-query-devtools

[gvnavin]

Thanks, this works.