possible add nextauthjs / react-query in existing react-query ? - No QueryClient set, use QueryClientProvider to set one

[isggwp]

I am sory maybe sounds like the questions. I've existing next auth, and react-query setup. then i adding /nextauthjs/react-query lib with

import { useSession } from "@next-auth/react-query"

const [session, loading] = useSession({
  required: true,
  redirectTo: "/auth/sign-in?error=InvalidSession",
  queryConfig: {
    staleTime: 60 * 60 * 3, // 3 hours
    refetchInterval: 60 * 5 // 5 minutes 
  }
})

and i got some error
No QueryClient set, use QueryClientProvider to set one

any or something wrong or need additional setup on my code?

[balazsorban44]

could you please provide a reproduction?

we are using it at work with an existing react-query setup

[Fghurayri]

Hey @balazsorban44,

Thanks for the tool. I'm facing the same issue. Here is a minimal version to reproduce it:

https://github.com/Fghurayri/repro-nextjs-nextauth-rq-issue

[liamrohan]

Hey @balazsorban44,

Thanks for the tool. I'm facing the same issue. Here is a minimal version to reproduce it:

https://github.com/Fghurayri/repro-nextjs-nextauth-rq-issue

Facing the same response, almost identical implementation. Thanks

[balazsorban44]

thanks, will have a look

[vorcigernix]

Same issue when I just replaced original session from next-auth with code above (no other changes, no react-query implemented).
Edit: leaving for future reference, react query needs to be initialized, it does not work without it. Thanks @balazsorban44 for clarification.

[balazsorban44]

without a query client provider, this won't work though! so that's a different issue

[balazsorban44]

I did some changes, could someone verify that 0.0.12 fixes the problem? I tested it at work on our application, and this issue went away.
See the changes diff: 5cdac94

[heteibako]

Same issue

[balazsorban44]

@heteibako could you please verify the package versions in node_modules and your lock file? also your next version and next config js?

I tried this at work with next 10.x and had no problems!

[heteibako]

Will get back to you tomorrow. Maybe I will try to delete the package.json lock file as well.
reverted everything back to the previous state.

[heteibako]

What is supposed to be in the next.config.js?
I have only this

module.exports = {
  dateFormat: {
    locales: ['hu', 'en'],
    defaultLocale: 'hu',
  },
};

[balazsorban44]

I was just curious. The best thing would be a full reproduction, maybe your repo is public?

[vorcigernix]

@balazsorban44 it seems like you can still reproduce it with https://github.com/Fghurayri/repro-nextjs-nextauth-rq-issue

[Wgil]

I'm facing the same issue with latest version