fix: update queryHash when queryKey is updated using updateOptions (#55)

* fix: update queryHash when queryKey is updated using updateOptions
* refactor: move updateOptions to QueryObserver

Author: SomaticIT

src/infiniteQuery/useInfiniteQuery.ts

@@ -83,7 +83,7 @@ export default function useInfiniteQuery<TQueryFnData, TError, TData = TQueryFnD
     }
 
     function updateOptions(options: Partial<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>>): void {
-        observer.setOptions({ ...observer.options, ...options })
+        observer.updateOptions(options)
     }
 
     function setEnabled(enabled: boolean): void {

src/query/useQuery.ts

@@ -79,7 +79,7 @@ export default function useQuery<TQueryFnData = unknown, TError = unknown, TData
     }
 
     function updateOptions(options: Partial<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>): void {
-        observer.setOptions({ ...observer.options, ...options })
+        observer.updateOptions(options)
     }
 
     function setEnabled(enabled: boolean): void {

src/queryCore/core/queryObserver.ts

@@ -1,4 +1,5 @@
 import {
+  hashQueryKeyByOptions,
   isServer,
   isValidTimeout,
   noop,
@@ -196,6 +197,25 @@ export class QueryObserver<
     }
   }
 
+  updateOptions(
+    options?: Partial<QueryObserverOptions<
+      TQueryFnData,
+      TError,
+      TData,
+      TQueryData,
+      TQueryKey
+    >>,
+    notifyOptions?: NotifyOptions
+  ): void {
+    const mergedOptions = { ...this.options, ...options }
+
+    if (options.queryKey && !options.queryHash && options.queryKey !== this.options.queryKey) {
+        mergedOptions.queryHash = hashQueryKeyByOptions(options.queryKey, mergedOptions)
+    }
+
+    this.setOptions(mergedOptions, notifyOptions)
+  }
+
   getOptimisticResult(
     options: QueryObserverOptions<
       TQueryFnData,