context and contextSharing are mutually exclusive

src/reactjs/QueryClientProvider.tsx

@@ -49,25 +49,41 @@ export const useQueryClient = ({ context }: ContextOptions = {}) => {
   return queryClient
 }
 
-export interface QueryClientProviderProps extends ContextOptions {
+type QueryClientProviderPropsBase = {
   client: QueryClient
+}
+type QueryClientProviderPropsWithContext = ContextOptions &
+  QueryClientProviderPropsBase
+type QueryClientProviderPropsWithContextSharing = {
   contextSharing?: boolean
+} & QueryClientProviderPropsBase
+
+export type QueryClientProviderProps =
+  | QueryClientProviderPropsWithContext
+  | QueryClientProviderPropsWithContextSharing
+
+const propsHasContext = (
+  props: QueryClientProviderProps
+): props is QueryClientProviderPropsWithContext => {
+  return (props as QueryClientProviderPropsWithContext).context !== undefined
 }
 
-export const QueryClientProvider: React.FC<QueryClientProviderProps> = ({
-  client,
-  contextSharing = false,
-  children,
-  context,
-}) => {
+export const QueryClientProvider: React.FC<QueryClientProviderProps> = props => {
+  const { client, children } = props
   React.useEffect(() => {
     client.mount()
     return () => {
       client.unmount()
     }
   }, [client])
 
-  const Context = getQueryClientContext(context, contextSharing)
+  const contextSharing = propsHasContext(props)
+    ? false
+    : props.contextSharing || false
+
+  const Context = propsHasContext(props)
+    ? getQueryClientContext(props.context, false)
+    : getQueryClientContext(undefined, contextSharing)
 
   return (
     <QueryClientSharingContext.Provider value={contextSharing}>