Error: No QueryClient set, use QueryClientProvider to set one

[Deivaras]

[email protected] and @3.12.2 getting Error: No QueryClient set, use QueryClientProvider to set one

Everything works fine with 3.12.0 and lower.
My (Next@latest) _app.js file:
`
import { QueryClient, QueryClientProvider } from 'react-query';
import { Hydrate } from 'react-query/hydration';
import { ReactQueryDevtools } from 'react-query/devtools';

export default function MyApp({ Component, pageProps }) {
const queryClientRef = React.useRef();

if (!queryClientRef.current) {
queryClientRef.current = new QueryClient();
}

return (
<React.Fragment>


<Component {...pageProps} />



</React.Fragment>
);
}
`

[TkDodo]

Is it this devtools issue?
#1936

[TkDodo]

interestingly, I just clicked Fork on that sandbox and it works.. what could that be?

https://codesandbox.io/s/confident-resonance-546my?file=/pages/about.js

[Deivaras]

interestingly, I just clicked Fork on that sandbox and it works.. what could that be?

Honestly no idea! Yesterday it was not working. Now it's all good on all @3.12.1, 2 and 3 :
https://codesandbox.io/s/distracted-rgb-emipc?file=/pages/about.js

Tried my app got this:

Going back to @3.12.0 solves the issue.

[TkDodo]

it still looks like the devtools issue. in 3.12.1 we changed how context is consumed

[Deivaras]

it still looks like the devtools issue. in 3.12.1 we changed how context is consumed

Still getting same error after adding:
<QueryClientProvider client={queryClientRef.current} contextSharing>
Everything works in here perfect tho!:
https://codesandbox.io/s/distracted-rgb-emipc?file=/pages/about.js

[Deivaras]

Ok, so what happened was this (in next.config.js):
module.exports = { webpack: (config) => { config.resolve = { ...config.resolve, alias: { ...config.resolve.alias, react$: resolveFrom(path.resolve('node_modules'), 'react'), // REMOVED THIS: **// 'react-query$': resolveFrom( // path.resolve('node_modules'), // 'react-query' // ),** 'react-dom$': resolveFrom(path.resolve('node_modules'), 'react-dom') } }; return config; }, images: { domains: ['res.cloudinary.com', 'cdn.sanity.io'] // deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840] } };
Rookie mistake ;)