Possible to have multiple QueryClients and tell specific query which to use?

[hmbrg]

I'm building a library that uses react-query.
I want to provide users the option to set a default query function via a wrapper around the QueryClientProvider.

How do I make sure I don't overwrite any other instances of react-query the user might be using in his project?

Thanks in advance!

[TkDodo]

the Providers are just react-context, so useQueryClient will just lookup the nearest Provider. You can make your api in a way that an optional Provider is passed, and you can maybe work with queryClient.setQueryDefaults ...

[hmbrg]

How do I make sure that useQuery is not using any other QueryClientProviders ? I can't seem to find any options for that.

[TkDodo]

it will use the nearest QueryClientProvider in the react component tree. That's how react context works.