@tanstack/solid-query 5.24.1 → 5.24.2

package/build/dev.cjs

@@ -45,6 +45,8 @@ function shouldThrowError(throwError, params) {
   }
   return !!throwError;
 }
+function noop() {
+}
 var IsRestoringContext = solidJs.createContext(() => false);
 exports.useIsRestoring = () => solidJs.useContext(IsRestoringContext);
 exports.IsRestoringProvider = IsRestoringContext.Provider;
@@ -86,22 +88,18 @@ var hydratableObserverResult = (query, result) => {
 function createBaseQuery(options, Observer, queryClient) {
   const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
   const isRestoring = exports.useIsRestoring();
-  const defaultedOptions = solidJs.createMemo(
-    () => solidJs.mergeProps(client()?.defaultQueryOptions(options()) || {}, {
-      get _optimisticResults() {
-        return isRestoring() ? "isRestoring" : "optimistic";
-      },
-      structuralSharing: false,
-      ...web.isServer && { retry: false, throwOnError: true }
-    })
-  );
+  const defaultedOptions = solidJs.createMemo(() => {
+    const defaultOptions = client().defaultQueryOptions(options());
+    defaultOptions._optimisticResults = isRestoring() ? "isRestoring" : "optimistic";
+    defaultOptions.structuralSharing = false;
+    if (web.isServer) {
+      defaultOptions.retry = false;
+      defaultOptions.throwOnError = true;
+    }
+    return defaultOptions;
+  });
   const [observer, setObserver] = solidJs.createSignal(
-    new Observer(client(), solidJs.untrack(defaultedOptions))
-  );
-  solidJs.createComputed(
-    solidJs.on(client, (c) => setObserver(new Observer(c, defaultedOptions())), {
-      defer: true
-    })
+    new Observer(client(), defaultedOptions())
   );
   const [state, setState] = store.createStore(
     observer().getOptimisticResult(defaultedOptions())
@@ -124,17 +122,25 @@ function createBaseQuery(options, Observer, queryClient) {
     return obs.subscribe((result) => {
       queryCore.notifyManager.batchCalls(() => {
         const reconcileOptions = obs.options.reconcile;
-        setState((store) => {
-          return reconcileFn(
-            store,
-            result,
-            reconcileOptions === void 0 ? false : reconcileOptions
-          );
-        });
-        if (queryResource()?.data && result.data && !queryResource.loading && isRestoring())
+        if (queryResource()?.data && result.data && !queryResource.loading) {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           mutate(state);
-        else
+        } else {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           refetch();
+        }
       })();
     });
   };
@@ -143,12 +149,13 @@ function createBaseQuery(options, Observer, queryClient) {
     () => {
       const obs = observer();
       return new Promise((resolve, reject) => {
-        if (web.isServer)
+        if (web.isServer) {
           unsubscribe = createServerSubscriber(resolve, reject);
-        else if (!unsubscribe && !isRestoring())
+        } else if (!unsubscribe && !isRestoring()) {
           unsubscribe = createClientSubscriber();
+        }
         obs.updateResult();
-        if (!state.isLoading && !isRestoring()) {
+        if (!state.isLoading) {
           const query = obs.getCurrentQuery();
           resolve(hydratableObserverResult(query, state));
         }
@@ -198,17 +205,25 @@ function createBaseQuery(options, Observer, queryClient) {
   );
   solidJs.createComputed(
     solidJs.on(
-      [isRestoring, observer],
-      ([restoring]) => {
-        const _unsubscribe = unsubscribe;
-        queueMicrotask(() => _unsubscribe?.());
-        unsubscribe = null;
-        if (!restoring)
-          refetch();
+      client,
+      (c) => {
+        if (unsubscribe) {
+          unsubscribe();
+        }
+        const newObserver = new Observer(c, defaultedOptions());
+        unsubscribe = createClientSubscriber();
+        setObserver(newObserver);
       },
-      { defer: true }
+      {
+        defer: true
+      }
     )
   );
+  solidJs.createComputed(() => {
+    if (!isRestoring()) {
+      refetch();
+    }
+  });
   solidJs.onCleanup(() => {
     if (unsubscribe) {
       unsubscribe();
@@ -222,11 +237,7 @@ function createBaseQuery(options, Observer, queryClient) {
         obs.setOptions(opts);
         setState(obs.getOptimisticResult(opts));
       },
-      {
-        // Defer because we don't need to trigger on first render
-        // This only cares about changes to options after the observer is created
-        defer: true
-      }
+      { defer: true }
     )
   );
   solidJs.createComputed(
@@ -317,8 +328,6 @@ function createMutation(options, queryClient) {
   solidJs.onCleanup(unsubscribe);
   return state;
 }
-function noop() {
-}
 function useIsMutating(filters, queryClient) {
   const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
   const mutationCache = solidJs.createMemo(() => client().getMutationCache());

package/build/dev.js

@@ -1,6 +1,6 @@
 import { notifyManager, QueryClient as QueryClient$1, MutationObserver, replaceEqualDeep, QueriesObserver, hydrate, QueryObserver, InfiniteQueryObserver } from '@tanstack/query-core';
 export * from '@tanstack/query-core';
-import { batch, createContext, useContext, createRenderEffect, onCleanup, createMemo, createSignal, createComputed, on, createEffect, mergeProps, createResource, onMount, untrack } from 'solid-js';
+import { batch, createContext, useContext, createRenderEffect, onCleanup, createMemo, createSignal, createComputed, on, createEffect, mergeProps, createResource, onMount } from 'solid-js';
 import { createComponent, isServer } from 'solid-js/web';
 import { createStore, unwrap, reconcile } from 'solid-js/store';
 
@@ -44,6 +44,8 @@ function shouldThrowError(throwError, params) {
   }
   return !!throwError;
 }
+function noop() {
+}
 var IsRestoringContext = createContext(() => false);
 var useIsRestoring = () => useContext(IsRestoringContext);
 var IsRestoringProvider = IsRestoringContext.Provider;
@@ -85,22 +87,18 @@ var hydratableObserverResult = (query, result) => {
 function createBaseQuery(options, Observer, queryClient) {
   const client = createMemo(() => useQueryClient(queryClient?.()));
   const isRestoring = useIsRestoring();
-  const defaultedOptions = createMemo(
-    () => mergeProps(client()?.defaultQueryOptions(options()) || {}, {
-      get _optimisticResults() {
-        return isRestoring() ? "isRestoring" : "optimistic";
-      },
-      structuralSharing: false,
-      ...isServer && { retry: false, throwOnError: true }
-    })
-  );
+  const defaultedOptions = createMemo(() => {
+    const defaultOptions = client().defaultQueryOptions(options());
+    defaultOptions._optimisticResults = isRestoring() ? "isRestoring" : "optimistic";
+    defaultOptions.structuralSharing = false;
+    if (isServer) {
+      defaultOptions.retry = false;
+      defaultOptions.throwOnError = true;
+    }
+    return defaultOptions;
+  });
   const [observer, setObserver] = createSignal(
-    new Observer(client(), untrack(defaultedOptions))
-  );
-  createComputed(
-    on(client, (c) => setObserver(new Observer(c, defaultedOptions())), {
-      defer: true
-    })
+    new Observer(client(), defaultedOptions())
   );
   const [state, setState] = createStore(
     observer().getOptimisticResult(defaultedOptions())
@@ -123,17 +121,25 @@ function createBaseQuery(options, Observer, queryClient) {
     return obs.subscribe((result) => {
       notifyManager.batchCalls(() => {
         const reconcileOptions = obs.options.reconcile;
-        setState((store) => {
-          return reconcileFn(
-            store,
-            result,
-            reconcileOptions === void 0 ? false : reconcileOptions
-          );
-        });
-        if (queryResource()?.data && result.data && !queryResource.loading && isRestoring())
+        if (queryResource()?.data && result.data && !queryResource.loading) {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           mutate(state);
-        else
+        } else {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           refetch();
+        }
       })();
     });
   };
@@ -142,12 +148,13 @@ function createBaseQuery(options, Observer, queryClient) {
     () => {
       const obs = observer();
       return new Promise((resolve, reject) => {
-        if (isServer)
+        if (isServer) {
           unsubscribe = createServerSubscriber(resolve, reject);
-        else if (!unsubscribe && !isRestoring())
+        } else if (!unsubscribe && !isRestoring()) {
           unsubscribe = createClientSubscriber();
+        }
         obs.updateResult();
-        if (!state.isLoading && !isRestoring()) {
+        if (!state.isLoading) {
           const query = obs.getCurrentQuery();
           resolve(hydratableObserverResult(query, state));
         }
@@ -197,17 +204,25 @@ function createBaseQuery(options, Observer, queryClient) {
   );
   createComputed(
     on(
-      [isRestoring, observer],
-      ([restoring]) => {
-        const _unsubscribe = unsubscribe;
-        queueMicrotask(() => _unsubscribe?.());
-        unsubscribe = null;
-        if (!restoring)
-          refetch();
+      client,
+      (c) => {
+        if (unsubscribe) {
+          unsubscribe();
+        }
+        const newObserver = new Observer(c, defaultedOptions());
+        unsubscribe = createClientSubscriber();
+        setObserver(newObserver);
       },
-      { defer: true }
+      {
+        defer: true
+      }
     )
   );
+  createComputed(() => {
+    if (!isRestoring()) {
+      refetch();
+    }
+  });
   onCleanup(() => {
     if (unsubscribe) {
       unsubscribe();
@@ -221,11 +236,7 @@ function createBaseQuery(options, Observer, queryClient) {
         obs.setOptions(opts);
         setState(obs.getOptimisticResult(opts));
       },
-      {
-        // Defer because we don't need to trigger on first render
-        // This only cares about changes to options after the observer is created
-        defer: true
-      }
+      { defer: true }
     )
   );
   createComputed(
@@ -316,8 +327,6 @@ function createMutation(options, queryClient) {
   onCleanup(unsubscribe);
   return state;
 }
-function noop() {
-}
 function useIsMutating(filters, queryClient) {
   const client = createMemo(() => useQueryClient(queryClient?.()));
   const mutationCache = createMemo(() => client().getMutationCache());

package/build/index.cjs

@@ -45,6 +45,8 @@ function shouldThrowError(throwError, params) {
   }
   return !!throwError;
 }
+function noop() {
+}
 var IsRestoringContext = solidJs.createContext(() => false);
 exports.useIsRestoring = () => solidJs.useContext(IsRestoringContext);
 exports.IsRestoringProvider = IsRestoringContext.Provider;
@@ -86,22 +88,18 @@ var hydratableObserverResult = (query, result) => {
 function createBaseQuery(options, Observer, queryClient) {
   const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
   const isRestoring = exports.useIsRestoring();
-  const defaultedOptions = solidJs.createMemo(
-    () => solidJs.mergeProps(client()?.defaultQueryOptions(options()) || {}, {
-      get _optimisticResults() {
-        return isRestoring() ? "isRestoring" : "optimistic";
-      },
-      structuralSharing: false,
-      ...web.isServer && { retry: false, throwOnError: true }
-    })
-  );
+  const defaultedOptions = solidJs.createMemo(() => {
+    const defaultOptions = client().defaultQueryOptions(options());
+    defaultOptions._optimisticResults = isRestoring() ? "isRestoring" : "optimistic";
+    defaultOptions.structuralSharing = false;
+    if (web.isServer) {
+      defaultOptions.retry = false;
+      defaultOptions.throwOnError = true;
+    }
+    return defaultOptions;
+  });
   const [observer, setObserver] = solidJs.createSignal(
-    new Observer(client(), solidJs.untrack(defaultedOptions))
-  );
-  solidJs.createComputed(
-    solidJs.on(client, (c) => setObserver(new Observer(c, defaultedOptions())), {
-      defer: true
-    })
+    new Observer(client(), defaultedOptions())
   );
   const [state, setState] = store.createStore(
     observer().getOptimisticResult(defaultedOptions())
@@ -124,17 +122,25 @@ function createBaseQuery(options, Observer, queryClient) {
     return obs.subscribe((result) => {
       queryCore.notifyManager.batchCalls(() => {
         const reconcileOptions = obs.options.reconcile;
-        setState((store) => {
-          return reconcileFn(
-            store,
-            result,
-            reconcileOptions === void 0 ? false : reconcileOptions
-          );
-        });
-        if (queryResource()?.data && result.data && !queryResource.loading && isRestoring())
+        if (queryResource()?.data && result.data && !queryResource.loading) {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           mutate(state);
-        else
+        } else {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           refetch();
+        }
       })();
     });
   };
@@ -143,12 +149,13 @@ function createBaseQuery(options, Observer, queryClient) {
     () => {
       const obs = observer();
       return new Promise((resolve, reject) => {
-        if (web.isServer)
+        if (web.isServer) {
           unsubscribe = createServerSubscriber(resolve, reject);
-        else if (!unsubscribe && !isRestoring())
+        } else if (!unsubscribe && !isRestoring()) {
           unsubscribe = createClientSubscriber();
+        }
         obs.updateResult();
-        if (!state.isLoading && !isRestoring()) {
+        if (!state.isLoading) {
           const query = obs.getCurrentQuery();
           resolve(hydratableObserverResult(query, state));
         }
@@ -198,17 +205,25 @@ function createBaseQuery(options, Observer, queryClient) {
   );
   solidJs.createComputed(
     solidJs.on(
-      [isRestoring, observer],
-      ([restoring]) => {
-        const _unsubscribe = unsubscribe;
-        queueMicrotask(() => _unsubscribe?.());
-        unsubscribe = null;
-        if (!restoring)
-          refetch();
+      client,
+      (c) => {
+        if (unsubscribe) {
+          unsubscribe();
+        }
+        const newObserver = new Observer(c, defaultedOptions());
+        unsubscribe = createClientSubscriber();
+        setObserver(newObserver);
       },
-      { defer: true }
+      {
+        defer: true
+      }
     )
   );
+  solidJs.createComputed(() => {
+    if (!isRestoring()) {
+      refetch();
+    }
+  });
   solidJs.onCleanup(() => {
     if (unsubscribe) {
       unsubscribe();
@@ -222,11 +237,7 @@ function createBaseQuery(options, Observer, queryClient) {
         obs.setOptions(opts);
         setState(obs.getOptimisticResult(opts));
       },
-      {
-        // Defer because we don't need to trigger on first render
-        // This only cares about changes to options after the observer is created
-        defer: true
-      }
+      { defer: true }
     )
   );
   solidJs.createComputed(
@@ -317,8 +328,6 @@ function createMutation(options, queryClient) {
   solidJs.onCleanup(unsubscribe);
   return state;
 }
-function noop() {
-}
 function useIsMutating(filters, queryClient) {
   const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
   const mutationCache = solidJs.createMemo(() => client().getMutationCache());

package/build/index.js

@@ -1,6 +1,6 @@
 import { notifyManager, QueryClient as QueryClient$1, MutationObserver, replaceEqualDeep, QueriesObserver, hydrate, QueryObserver, InfiniteQueryObserver } from '@tanstack/query-core';
 export * from '@tanstack/query-core';
-import { batch, createContext, useContext, createRenderEffect, onCleanup, createMemo, createSignal, createComputed, on, createEffect, mergeProps, createResource, onMount, untrack } from 'solid-js';
+import { batch, createContext, useContext, createRenderEffect, onCleanup, createMemo, createSignal, createComputed, on, createEffect, mergeProps, createResource, onMount } from 'solid-js';
 import { createComponent, isServer } from 'solid-js/web';
 import { createStore, unwrap, reconcile } from 'solid-js/store';
 
@@ -44,6 +44,8 @@ function shouldThrowError(throwError, params) {
   }
   return !!throwError;
 }
+function noop() {
+}
 var IsRestoringContext = createContext(() => false);
 var useIsRestoring = () => useContext(IsRestoringContext);
 var IsRestoringProvider = IsRestoringContext.Provider;
@@ -85,22 +87,18 @@ var hydratableObserverResult = (query, result) => {
 function createBaseQuery(options, Observer, queryClient) {
   const client = createMemo(() => useQueryClient(queryClient?.()));
   const isRestoring = useIsRestoring();
-  const defaultedOptions = createMemo(
-    () => mergeProps(client()?.defaultQueryOptions(options()) || {}, {
-      get _optimisticResults() {
-        return isRestoring() ? "isRestoring" : "optimistic";
-      },
-      structuralSharing: false,
-      ...isServer && { retry: false, throwOnError: true }
-    })
-  );
+  const defaultedOptions = createMemo(() => {
+    const defaultOptions = client().defaultQueryOptions(options());
+    defaultOptions._optimisticResults = isRestoring() ? "isRestoring" : "optimistic";
+    defaultOptions.structuralSharing = false;
+    if (isServer) {
+      defaultOptions.retry = false;
+      defaultOptions.throwOnError = true;
+    }
+    return defaultOptions;
+  });
   const [observer, setObserver] = createSignal(
-    new Observer(client(), untrack(defaultedOptions))
-  );
-  createComputed(
-    on(client, (c) => setObserver(new Observer(c, defaultedOptions())), {
-      defer: true
-    })
+    new Observer(client(), defaultedOptions())
   );
   const [state, setState] = createStore(
     observer().getOptimisticResult(defaultedOptions())
@@ -123,17 +121,25 @@ function createBaseQuery(options, Observer, queryClient) {
     return obs.subscribe((result) => {
       notifyManager.batchCalls(() => {
         const reconcileOptions = obs.options.reconcile;
-        setState((store) => {
-          return reconcileFn(
-            store,
-            result,
-            reconcileOptions === void 0 ? false : reconcileOptions
-          );
-        });
-        if (queryResource()?.data && result.data && !queryResource.loading && isRestoring())
+        if (queryResource()?.data && result.data && !queryResource.loading) {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           mutate(state);
-        else
+        } else {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === void 0 ? false : reconcileOptions
+            );
+          });
           refetch();
+        }
       })();
     });
   };
@@ -142,12 +148,13 @@ function createBaseQuery(options, Observer, queryClient) {
     () => {
       const obs = observer();
       return new Promise((resolve, reject) => {
-        if (isServer)
+        if (isServer) {
           unsubscribe = createServerSubscriber(resolve, reject);
-        else if (!unsubscribe && !isRestoring())
+        } else if (!unsubscribe && !isRestoring()) {
           unsubscribe = createClientSubscriber();
+        }
         obs.updateResult();
-        if (!state.isLoading && !isRestoring()) {
+        if (!state.isLoading) {
           const query = obs.getCurrentQuery();
           resolve(hydratableObserverResult(query, state));
         }
@@ -197,17 +204,25 @@ function createBaseQuery(options, Observer, queryClient) {
   );
   createComputed(
     on(
-      [isRestoring, observer],
-      ([restoring]) => {
-        const _unsubscribe = unsubscribe;
-        queueMicrotask(() => _unsubscribe?.());
-        unsubscribe = null;
-        if (!restoring)
-          refetch();
+      client,
+      (c) => {
+        if (unsubscribe) {
+          unsubscribe();
+        }
+        const newObserver = new Observer(c, defaultedOptions());
+        unsubscribe = createClientSubscriber();
+        setObserver(newObserver);
       },
-      { defer: true }
+      {
+        defer: true
+      }
     )
   );
+  createComputed(() => {
+    if (!isRestoring()) {
+      refetch();
+    }
+  });
   onCleanup(() => {
     if (unsubscribe) {
       unsubscribe();
@@ -221,11 +236,7 @@ function createBaseQuery(options, Observer, queryClient) {
         obs.setOptions(opts);
         setState(obs.getOptimisticResult(opts));
       },
-      {
-        // Defer because we don't need to trigger on first render
-        // This only cares about changes to options after the observer is created
-        defer: true
-      }
+      { defer: true }
     )
   );
   createComputed(
@@ -316,8 +327,6 @@ function createMutation(options, queryClient) {
   onCleanup(unsubscribe);
   return state;
 }
-function noop() {
-}
 function useIsMutating(filters, queryClient) {
   const client = createMemo(() => useQueryClient(queryClient?.()));
   const mutationCache = createMemo(() => client().getMutationCache());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-query",
-  "version": "5.24.1",
+  "version": "5.24.2",
   "description": "Primitives for managing, caching and syncing asynchronous and remote data in Solid",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -48,7 +48,7 @@
   ],
   "dependencies": {
     "solid-js": "^1.8.14",
-    "@tanstack/query-core": "5.24.1"
+    "@tanstack/query-core": "5.24.2"
   },
   "devDependencies": {
     "tsup-preset-solid": "^2.2.0",
@@ -64,6 +64,7 @@
     "test:lib": "vitest --retry=3",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict",
-    "build": "tsup"
+    "build": "tsup",
+    "build:watch": "tsup --watch"
   }
 }

package/src/createBaseQuery.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 // Had to disable the lint rule because isServer type is defined as false
 // in solid-js/web package. I'll create a GitHub issue with them to see
 // why that happens.
@@ -9,10 +8,8 @@ import {
   createMemo,
   createResource,
   createSignal,
-  mergeProps,
   on,
   onCleanup,
-  untrack,
 } from 'solid-js'
 import { createStore, reconcile, unwrap } from 'solid-js/store'
 import { useQueryClient } from './QueryClientProvider'
@@ -124,25 +121,21 @@ export function createBaseQuery<
   const client = createMemo(() => useQueryClient(queryClient?.()))
   const isRestoring = useIsRestoring()
 
-  const defaultedOptions = createMemo(() =>
-    mergeProps(client()?.defaultQueryOptions(options()) || {}, {
-      get _optimisticResults() {
-        return isRestoring() ? 'isRestoring' : 'optimistic'
-      },
-      structuralSharing: false,
-      ...(isServer && { retry: false, throwOnError: true }),
-    }),
-  )
+  const defaultedOptions = createMemo(() => {
+    const defaultOptions = client().defaultQueryOptions(options())
+    defaultOptions._optimisticResults = isRestoring()
+      ? 'isRestoring'
+      : 'optimistic'
+    defaultOptions.structuralSharing = false
+    if (isServer) {
+      defaultOptions.retry = false
+      defaultOptions.throwOnError = true
+    }
+    return defaultOptions
+  })
 
   const [observer, setObserver] = createSignal(
-    new Observer(client(), untrack(defaultedOptions)),
-  )
-  // we set the value in a computed because `createMemo`
-  // returns undefined during transitions
-  createComputed(
-    on(client, (c) => setObserver(new Observer(c, defaultedOptions())), {
-      defer: true,
-    }),
+    new Observer(client(), defaultedOptions()),
   )
 
   const [state, setState] = createStore<QueryObserverResult<TData, TError>>(
@@ -177,23 +170,27 @@ export function createBaseQuery<
         // exist on the query-core QueryObserverResult type
         const reconcileOptions = obs.options.reconcile
 
-        setState((store) => {
-          return reconcileFn(
-            store,
-            result,
-            reconcileOptions === undefined ? false : reconcileOptions,
-          )
-        })
         // If the query has data we don't suspend but instead mutate the resource
         // This could happen when placeholderData/initialData is defined
-        if (
-          queryResource()?.data &&
-          result.data &&
-          !queryResource.loading &&
-          isRestoring()
-        )
+        if (queryResource()?.data && result.data && !queryResource.loading) {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === undefined ? false : reconcileOptions,
+            )
+          })
           mutate(state)
-        else refetch()
+        } else {
+          setState((store) => {
+            return reconcileFn(
+              store,
+              result,
+              reconcileOptions === undefined ? false : reconcileOptions,
+            )
+          })
+          refetch()
+        }
       })()
     })
   }
@@ -209,13 +206,14 @@ export function createBaseQuery<
     () => {
       const obs = observer()
       return new Promise((resolve, reject) => {
-        if (isServer) unsubscribe = createServerSubscriber(resolve, reject)
-        else if (!unsubscribe && !isRestoring())
+        if (isServer) {
+          unsubscribe = createServerSubscriber(resolve, reject)
+        } else if (!unsubscribe && !isRestoring()) {
           unsubscribe = createClientSubscriber()
-
+        }
         obs.updateResult()
 
-        if (!state.isLoading && !isRestoring()) {
+        if (!state.isLoading) {
           const query = obs.getCurrentQuery()
           resolve(hydratableObserverResult(query, state))
         }
@@ -275,17 +273,27 @@ export function createBaseQuery<
 
   createComputed(
     on(
-      [isRestoring, observer],
-      ([restoring]) => {
-        const _unsubscribe = unsubscribe
-        queueMicrotask(() => _unsubscribe?.())
-        unsubscribe = null
-        if (!restoring) refetch()
+      client,
+      (c) => {
+        if (unsubscribe) {
+          unsubscribe()
+        }
+        const newObserver = new Observer(c, defaultedOptions())
+        unsubscribe = createClientSubscriber()
+        setObserver(newObserver)
+      },
+      {
+        defer: true,
       },
-      { defer: true },
     ),
   )
 
+  createComputed(() => {
+    if (!isRestoring()) {
+      refetch()
+    }
+  })
+
   onCleanup(() => {
     if (unsubscribe) {
       unsubscribe()
@@ -300,11 +308,7 @@ export function createBaseQuery<
         obs.setOptions(opts)
         setState(obs.getOptimisticResult(opts))
       },
-      {
-        // Defer because we don't need to trigger on first render
-        // This only cares about changes to options after the observer is created
-        defer: true,
-      },
+      { defer: true },
     ),
   )
 

package/src/createMutation.ts

@@ -2,7 +2,7 @@ import { MutationObserver } from '@tanstack/query-core'
 import { createComputed, createMemo, on, onCleanup } from 'solid-js'
 import { createStore } from 'solid-js/store'
 import { useQueryClient } from './QueryClientProvider'
-import { shouldThrowError } from './utils'
+import { noop, shouldThrowError } from './utils'
 import type { DefaultError } from '@tanstack/query-core'
 import type { QueryClient } from './QueryClient'
 import type {
@@ -74,5 +74,3 @@ export function createMutation<
 
   return state
 }
-
-function noop() {}

package/src/utils.ts

@@ -9,3 +9,5 @@ export function shouldThrowError<T extends (...args: Array<any>) => boolean>(
 
   return !!throwError
 }
+
+export function noop() {}