@tanstack/query-devtools 5.28.6 → 5.32.1

package/build/Devtools/{MTC7LE5I.jsx → 4D2YBWGB.jsx}

@@ -11772,13 +11772,16 @@ var QueryDetails = () => {
     });
   };
   const restoreQueryAfterLoadingOrError = () => {
-    activeQuery()?.fetch(
-      (activeQuery()?.state.fetchMeta).__previousQueryOptions,
-      {
-        // Make sure this fetch will cancel the previous one
-        cancelRefetch: true
-      }
-    );
+    const activeQueryVal = activeQuery();
+    const previousState = activeQueryVal.state;
+    const previousOptions = activeQueryVal.state.fetchMeta.__previousQueryOptions;
+    activeQueryVal.cancel({ silent: true });
+    activeQueryVal.setState({
+      ...previousState,
+      fetchStatus: "idle",
+      fetchMeta: null
+    });
+    activeQueryVal.fetch(previousOptions);
   };
   createEffect(() => {
     if (statusLabel() !== "fetching") {

package/build/Devtools/{TCDAW7I4.js → WIIHGP5G.js}

@@ -10999,10 +10999,18 @@ var QueryDetails = () => {
     });
   };
   const restoreQueryAfterLoadingOrError = () => {
-    activeQuery()?.fetch((activeQuery()?.state.fetchMeta).__previousQueryOptions, {
-      // Make sure this fetch will cancel the previous one
-      cancelRefetch: true
+    const activeQueryVal = activeQuery();
+    const previousState = activeQueryVal.state;
+    const previousOptions = activeQueryVal.state.fetchMeta.__previousQueryOptions;
+    activeQueryVal.cancel({
+      silent: true
     });
+    activeQueryVal.setState({
+      ...previousState,
+      fetchStatus: "idle",
+      fetchMeta: null
+    });
+    activeQueryVal.fetch(previousOptions);
   };
   createEffect(() => {
     if (statusLabel() !== "fetching") {

package/build/Devtools/{IATLRCG5.jsx → XEEESJAM.jsx}

@@ -11773,13 +11773,16 @@ var QueryDetails = () => {
     });
   };
   const restoreQueryAfterLoadingOrError = () => {
-    activeQuery()?.fetch(
-      (activeQuery()?.state.fetchMeta).__previousQueryOptions,
-      {
-        // Make sure this fetch will cancel the previous one
-        cancelRefetch: true
-      }
-    );
+    const activeQueryVal = activeQuery();
+    const previousState = activeQueryVal.state;
+    const previousOptions = activeQueryVal.state.fetchMeta.__previousQueryOptions;
+    activeQueryVal.cancel({ silent: true });
+    activeQueryVal.setState({
+      ...previousState,
+      fetchStatus: "idle",
+      fetchMeta: null
+    });
+    activeQueryVal.fetch(previousOptions);
   };
   createEffect(() => {
     if (statusLabel() !== "fetching") {

package/build/Devtools/{BPGFTGZB.js → YADHKLPO.js}

@@ -10998,10 +10998,18 @@ var QueryDetails = () => {
     });
   };
   const restoreQueryAfterLoadingOrError = () => {
-    activeQuery()?.fetch((activeQuery()?.state.fetchMeta).__previousQueryOptions, {
-      // Make sure this fetch will cancel the previous one
-      cancelRefetch: true
+    const activeQueryVal = activeQuery();
+    const previousState = activeQueryVal.state;
+    const previousOptions = activeQueryVal.state.fetchMeta.__previousQueryOptions;
+    activeQueryVal.cancel({
+      silent: true
     });
+    activeQueryVal.setState({
+      ...previousState,
+      fetchStatus: "idle",
+      fetchMeta: null
+    });
+    activeQueryVal.fetch(previousOptions);
   };
   createEffect(() => {
     if (statusLabel() !== "fetching") {

package/build/dev.cjs

@@ -14428,10 +14428,18 @@ var init_Devtools = __esm({
         });
       };
       const restoreQueryAfterLoadingOrError = () => {
-        activeQuery()?.fetch((activeQuery()?.state.fetchMeta).__previousQueryOptions, {
-          // Make sure this fetch will cancel the previous one
-          cancelRefetch: true
+        const activeQueryVal = activeQuery();
+        const previousState = activeQueryVal.state;
+        const previousOptions = activeQueryVal.state.fetchMeta.__previousQueryOptions;
+        activeQueryVal.cancel({
+          silent: true
         });
+        activeQueryVal.setState({
+          ...previousState,
+          fetchStatus: "idle",
+          fetchMeta: null
+        });
+        activeQueryVal.fetch(previousOptions);
       };
       createEffect(() => {
         if (statusLabel() !== "fetching") {

package/build/dev.js

@@ -69,7 +69,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./Devtools/TCDAW7I4.js'));
+        Devtools = lazy(() => import('./Devtools/WIIHGP5G.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/build/dev.jsx

@@ -73,7 +73,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./Devtools/IATLRCG5.jsx"));
+        Devtools = lazy(() => import("./Devtools/XEEESJAM.jsx"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/build/index.cjs

@@ -14426,10 +14426,18 @@ var init_Devtools = __esm({
         });
       };
       const restoreQueryAfterLoadingOrError = () => {
-        activeQuery()?.fetch((activeQuery()?.state.fetchMeta).__previousQueryOptions, {
-          // Make sure this fetch will cancel the previous one
-          cancelRefetch: true
+        const activeQueryVal = activeQuery();
+        const previousState = activeQueryVal.state;
+        const previousOptions = activeQueryVal.state.fetchMeta.__previousQueryOptions;
+        activeQueryVal.cancel({
+          silent: true
         });
+        activeQueryVal.setState({
+          ...previousState,
+          fetchStatus: "idle",
+          fetchMeta: null
+        });
+        activeQueryVal.fetch(previousOptions);
       };
       createEffect(() => {
         if (statusLabel() !== "fetching") {

package/build/index.js

@@ -69,7 +69,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./Devtools/BPGFTGZB.js'));
+        Devtools = lazy(() => import('./Devtools/YADHKLPO.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/build/index.jsx

@@ -73,7 +73,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./Devtools/MTC7LE5I.jsx"));
+        Devtools = lazy(() => import("./Devtools/4D2YBWGB.jsx"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.28.6",
+  "version": "5.32.1",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "superjson": "^1.13.3",
     "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.9.1",
-    "@tanstack/query-core": "5.28.6"
+    "@tanstack/query-core": "5.32.1"
   },
   "scripts": {
     "clean": "rimraf ./build && rimraf ./coverage",

package/src/Devtools.tsx

@@ -1934,13 +1934,17 @@ const QueryDetails = () => {
   }
 
   const restoreQueryAfterLoadingOrError = () => {
-    activeQuery()?.fetch(
-      (activeQuery()?.state.fetchMeta as any).__previousQueryOptions,
-      {
-        // Make sure this fetch will cancel the previous one
-        cancelRefetch: true,
-      },
-    )
+    const activeQueryVal = activeQuery()!
+    const previousState = activeQueryVal.state
+    const previousOptions = (activeQueryVal.state.fetchMeta as any)
+      .__previousQueryOptions
+    activeQueryVal.cancel({ silent: true })
+    activeQueryVal.setState({
+      ...previousState,
+      fetchStatus: 'idle',
+      fetchMeta: null,
+    })
+    activeQueryVal.fetch(previousOptions)
   }
 
   createEffect(() => {