Error: No QueryClient set, use QueryClientProvider to set one

[bennik88]

Problem: react-query-firebase always show the error Error: No QueryClient set, use QueryClientProvider to set one. My provider is given like in the newest docs.

What I've tried

• Setting -> <ReactQueryDevtools initialIsOpen={false} />
• Setting -> contextSharing={true}>

__app.tsx

<QueryClientProvider client={queryClient} contextSharing={true}>
    <Navbar />
        <Component {...pageProps} />
        {/* <ReactQueryDevtools initialIsOpen={false} /> */}
</QueryClientProvider>

useFirestoreDocument usage error

Error: No QueryClient set, use QueryClientProvider to set one
  const docRef = doc(collection(db, "users"), uid);
> 35 |   const extendedUser = useFirestoreDocument(["users", uid], docRef);

System and npm info: OS: Mac OS Monterey "firebase": "^9.9.2", "@tanstack/react-query": "^4.1.0", "next": "12.2.4", "react": "18.2.0",

[cabljac]

Ah so this will hopefully be fixed once everything works with Tanstack query 4

related: https://github.com/invertase/react-query-firebase/issues/56

[Ehesp]

Something else to consider; if you have multiple versions of RQ or React in your node modules for some reason it might be resolving from the wrong location.