fix: use intersection types for compatibility with useQuery

- Replace QueryObserverOptions with intersection of existing types
- Maintains compatibility with useQuery overloads
- Uses UndefinedInitialQueryOptions & DefinedInitialQueryOptions as base
- Explicitly exposes queryKey and queryFn properties
- Update test to use toMatchTypeOf for intersection types

Author: VedantMadane

packages/vue-query/src/__tests__/queryOptions.test-d.ts

@@ -14,10 +14,10 @@ describe('queryOptions', () => {
     })
 
     // These should be accessible without TS errors (issue #7892)
-    expectTypeOf(options.queryFn).toEqualTypeOf<
+    expectTypeOf(options.queryFn).toMatchTypeOf<
       (() => Promise<number>) | undefined
     >()
-    expectTypeOf(options.staleTime).toEqualTypeOf<number | undefined>()
+    expectTypeOf(options.staleTime).toMatchTypeOf<number | undefined>()
     expectTypeOf(options.queryKey).toMatchTypeOf<readonly unknown[]>()
   })
 

packages/vue-query/src/queryOptions.ts

@@ -1,57 +1,42 @@
 import type {
   DataTag,
   DefaultError,
-  InitialDataFunction,
-  NonUndefinedGuard,
+  QueryFunction,
   QueryKey,
-  QueryObserverOptions,
 } from '@tanstack/query-core'
-import type { DeepUnwrapRef, ShallowOption } from './types'
+import type {
+  DefinedInitialQueryOptions,
+  UndefinedInitialQueryOptions,
+} from './useQuery'
+import type { DeepUnwrapRef } from './types'
 
 /**
- * Options for queryOptions with defined initial data.
- * These are unwrapped types (not MaybeRef) so that properties like queryFn are directly accessible.
+ * Augmented version of UndefinedInitialQueryOptions that explicitly exposes
+ * queryFn and other properties for direct TypeScript access.
  */
-export type DefinedInitialDataOptions<
+export type UndefinedInitialDataOptions<
   TQueryFnData = unknown,
   TError = DefaultError,
   TData = TQueryFnData,
   TQueryKey extends QueryKey = QueryKey,
-> = QueryObserverOptions<
-  TQueryFnData,
-  TError,
-  TData,
-  TQueryFnData,
-  DeepUnwrapRef<TQueryKey>
-> &
-  ShallowOption & {
-    initialData:
-      | NonUndefinedGuard<TQueryFnData>
-      | (() => NonUndefinedGuard<TQueryFnData>)
-  }
+> = UndefinedInitialQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {
+  queryKey: TQueryKey
+  queryFn?: QueryFunction<TQueryFnData, DeepUnwrapRef<TQueryKey>>
+}
 
 /**
- * Options for queryOptions with undefined initial data.
- * These are unwrapped types (not MaybeRef) so that properties like queryFn are directly accessible.
+ * Augmented version of DefinedInitialQueryOptions that explicitly exposes
+ * queryFn and other properties for direct TypeScript access.
  */
-export type UndefinedInitialDataOptions<
+export type DefinedInitialDataOptions<
   TQueryFnData = unknown,
   TError = DefaultError,
   TData = TQueryFnData,
   TQueryKey extends QueryKey = QueryKey,
-> = QueryObserverOptions<
-  TQueryFnData,
-  TError,
-  TData,
-  TQueryFnData,
-  DeepUnwrapRef<TQueryKey>
-> &
-  ShallowOption & {
-    initialData?:
-      | undefined
-      | InitialDataFunction<NonUndefinedGuard<TQueryFnData>>
-      | NonUndefinedGuard<TQueryFnData>
-  }
+> = DefinedInitialQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {
+  queryKey: TQueryKey
+  queryFn?: QueryFunction<TQueryFnData, DeepUnwrapRef<TQueryKey>>
+}
 
 export function queryOptions<
   TQueryFnData = unknown,