fix: use queryClient wrapper for provider and plugin (#163)

Author: DamianOsipiuk

src/vue/__mocks__/useQueryClient.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from "react-query/core";
+import { QueryClient } from "../queryClient";
 
 const queryClient = new QueryClient({
   defaultOptions: {

src/vue/__tests__/useQueryProvider.test.ts

@@ -1,10 +1,10 @@
 import { provide, onUnmounted } from "vue-demi";
-import { QueryClient } from "react-query/core";
+import { QueryClient } from "../queryClient";
 
 import { useQueryProvider } from "../useQueryProvider";
 import { VUE_QUERY_CLIENT } from "../utils";
 
-jest.mock("react-query/core", () => ({
+jest.mock("../queryClient", () => ({
   QueryClient: jest.fn(),
 }));
 

src/vue/__tests__/vueQueryPlugin.test.ts

@@ -1,7 +1,7 @@
 import { App, ComponentOptions } from "vue";
 import { isVue2, isVue3 } from "vue-demi";
-import { QueryClient } from "react-query/types/core";
 
+import type { QueryClient } from "../queryClient";
 import { VueQueryPlugin } from "../vueQueryPlugin";
 import { VUE_QUERY_CLIENT } from "../utils";
 import { setupDevtools } from "../devtools/devtools";

src/vue/useQueryClient.ts

@@ -1,6 +1,6 @@
 import { getCurrentInstance, inject } from "vue-demi";
 
-import type { QueryClient } from "react-query/types/core";
+import type { QueryClient } from "./queryClient";
 import { getClientKey } from "./utils";
 
 export function useQueryClient(id = ""): QueryClient {

src/vue/useQueryProvider.ts

@@ -1,10 +1,11 @@
 import { provide, onUnmounted } from "vue-demi";
-import { QueryClient } from "react-query/core";
 import type { QueryClientConfig } from "react-query/types/core";
+import { QueryClient } from "./queryClient";
 import { getClientKey } from "./utils";
+import { MaybeRefDeep } from "./types";
 
 export function useQueryProvider(
-  arg1: QueryClientConfig | QueryClient = {},
+  arg1: MaybeRefDeep<QueryClientConfig> | QueryClient = {},
   id = ""
 ): void {
   const client = arg1 instanceof QueryClient ? arg1 : new QueryClient(arg1);

src/vue/vueQueryPlugin.ts

@@ -1,18 +1,18 @@
 import { isVue2 } from "vue-demi";
-import { QueryClient } from "react-query/core";
-
 import type { QueryClientConfig } from "react-query/types/core";
 
+import { QueryClient } from "./queryClient";
 import { getClientKey } from "./utils";
 import { setupDevtools } from "./devtools/devtools";
+import { MaybeRefDeep } from "./types";
 
 export interface AdditionalClient {
   queryClient: QueryClient;
   queryClientKey: string;
 }
 
 interface ConfigOptions {
-  queryClientConfig?: QueryClientConfig;
+  queryClientConfig?: MaybeRefDeep<QueryClientConfig>;
   queryClientKey?: string;
   additionalClients?: AdditionalClient[];
 }