fix(types): make sure queryOptions are passable to UseQueryOptions (#8317)

Author: TkDodo

packages/react-query/src/__tests__/queryOptions.test-d.tsx

@@ -9,6 +9,7 @@ import { queryOptions } from '../queryOptions'
 import { useQuery } from '../useQuery'
 import { useQueries } from '../useQueries'
 import { useSuspenseQuery } from '../useSuspenseQuery'
+import type { UseQueryOptions } from '../types'
 import type {
   InitialDataFunction,
   QueryObserverResult,
@@ -233,4 +234,17 @@ describe('queryOptions', () => {
     testFn('id')
     testFn()
   })
+
+  it('should be passable to UseQueryOptions', () => {
+    function somethingWithQueryOptions(options: UseQueryOptions<number>) {
+      return options.queryKey
+    }
+
+    const options = queryOptions({
+      queryKey: ['key'],
+      queryFn: () => Promise.resolve(1),
+    })
+
+    somethingWithQueryOptions(options)
+  })
 })

packages/react-query/src/queryOptions.ts

@@ -55,8 +55,8 @@ export function queryOptions<
   TQueryKey extends QueryKey = QueryKey,
 >(
   options: DefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey>,
-): DefinedInitialDataOptions<TQueryFnData, TError, TData, TQueryKey> & {
-  queryKey: DataTag<TQueryKey, TQueryFnData>
+): DefinedInitialDataOptions<TQueryFnData, TError, TData> & {
+  queryKey: DataTag<QueryKey, TQueryFnData>
 }
 
 export function queryOptions<
@@ -66,8 +66,8 @@ export function queryOptions<
   TQueryKey extends QueryKey = QueryKey,
 >(
   options: UnusedSkipTokenOptions<TQueryFnData, TError, TData, TQueryKey>,
-): UnusedSkipTokenOptions<TQueryFnData, TError, TData, TQueryKey> & {
-  queryKey: DataTag<TQueryKey, TQueryFnData>
+): UnusedSkipTokenOptions<TQueryFnData, TError, TData> & {
+  queryKey: DataTag<QueryKey, TQueryFnData>
 }
 
 export function queryOptions<