Merge pull request #79 from DamianOsipiuk/update-react-query

Update react query

Author: DamianOsipiuk

package-lock.json

@@ -40,7 +40,7 @@
   "homepage": "https://github.com/DamianOsipiuk/vue-query#readme",
   "dependencies": {
     "match-sorter": "^6.3.0",
-    "react-query": "^3.19.6",
+    "react-query": "^3.23.2",
     "vue-demi": "^0.10.1"
   },
   "peerDependencies": {

package.json

@@ -119,6 +119,7 @@ export default defineComponent({
         ? clients[queryClientKey]
         : defaultClient;
       queryCache = queryClient.getQueryCache();
+      queries.value = getSortedQueries(queryCache, options);
       unsubscribe = queryCache.subscribe(() => {
         queries.value = getSortedQueries(queryCache, options);
       });

src/devtools/DevtoolsPanel.vue

@@ -8,13 +8,8 @@ export {
   MutationObserver,
   QueryCache,
   MutationCache,
+  hydrate,
+  dehydrate,
 } from "react-query/core";
 
-export { hydrate, dehydrate } from "./hydration";
-export type {
-  DehydrateOptions,
-  DehydratedState,
-  HydrateOptions,
-} from "./hydration";
-
 export * from "./vue";

src/hydration.ts

@@ -1,6 +1,6 @@
 import { useNuxtDehydrate } from "../useNuxtDehydrate";
 
-jest.mock("../../hydration", () => ({
+jest.mock("../../index", () => ({
   dehydrate: jest.fn(() => "dehydrated"),
 }));
 

src/index.ts

@@ -2,7 +2,7 @@ import { useContext } from "@nuxtjs/composition-api";
 
 import { useNuxtQueryProvider } from "../useNuxtQueryProvider";
 import { useQueryClient, useQueryProvider } from "../../vue";
-import { hydrate } from "../../hydration";
+import { hydrate } from "../../index";
 
 jest.mock("@nuxtjs/composition-api", () => ({
   useContext: jest.fn(),
@@ -13,7 +13,7 @@ jest.mock("../../vue", () => ({
   useQueryProvider: jest.fn(),
 }));
 
-jest.mock("../../hydration", () => ({
+jest.mock("../../index", () => ({
   hydrate: jest.fn(),
 }));
 

src/nuxt/__tests__/useNuxtDehydrate.test.ts

@@ -1,4 +1,4 @@
-import { dehydrate } from "@/hydration";
+import { dehydrate } from "@/index";
 import type { QueryClient } from "@/index";
 
 export function useNuxtDehydrate(

src/nuxt/__tests__/useNuxtQueryProvider.test.ts

@@ -1,6 +1,6 @@
 import { useContext } from "@nuxtjs/composition-api";
 
-import { hydrate } from "@/hydration";
+import { hydrate } from "@/index";
 import { useQueryClient, useQueryProvider } from "@/vue";
 import type { QueryClientConfig } from "@/vue/useQueryProvider";
 

src/nuxt/useNuxtDehydrate.ts

@@ -118,7 +118,7 @@ export function useMutation<
   });
 
   const resultRefs = toRefs(readonly(state)) as ToRefs<
-    Readonly<MutationObserverResult<TData, TError, TVariables, TContext>>
+    Readonly<MutationResult<TData, TError, TVariables, TContext>>
   >;
 
   return {