fix(vue-query): wrap useInfiniteQuery options in MaybeRefOrGetter

Author: hriday330

packages/vue-query/src/__tests__/useInfiniteQuery.test-d.tsx

@@ -2,8 +2,8 @@ import { describe, expectTypeOf, it } from 'vitest'
 import { computed, reactive } from 'vue-demi'
 import { sleep } from '@tanstack/query-test-utils'
 import { useInfiniteQuery } from '../useInfiniteQuery'
-import type { InfiniteData } from '@tanstack/query-core'
 import { infiniteQueryOptions } from '../infiniteQueryOptions'
+import type { InfiniteData } from '@tanstack/query-core'
 
 describe('Discriminated union return type', () => {
   it('data should be possibly undefined by default', () => {
@@ -97,7 +97,7 @@ describe('Discriminated union return type', () => {
     }
   })
 
-  it('should accept computed options with infiniteQueryOptions', () => {
+  it('should accept computed options using infiniteQueryOptions', () => {
     const options = computed(() => infiniteQueryOptions({
       queryKey: ['infiniteQuery'],
       queryFn: () => sleep(0).then(() => 'Some data'),

packages/vue-query/src/useBaseQuery.ts

@@ -22,6 +22,7 @@ import type {
 import type { QueryClient } from './queryClient'
 import type { UseQueryOptions } from './useQuery'
 import type { UseInfiniteQueryOptions } from './useInfiniteQuery'
+import type { MaybeRefOrGetter } from './types'
 
 export type UseBaseQueryReturnType<
   TData,
@@ -58,14 +59,14 @@ export function useBaseQuery<
   TPageParam,
 >(
   Observer: typeof QueryObserver,
-  options: UseQueryOptionsGeneric<
+  options: MaybeRefOrGetter<UseQueryOptionsGeneric<
     TQueryFnData,
     TError,
     TData,
     TQueryData,
     TQueryKey,
     TPageParam
-  >,
+  >>,
   queryClient?: QueryClient,
 ): UseBaseQueryReturnType<TData, TError> {
   if (process.env.NODE_ENV === 'development') {

packages/vue-query/src/useInfiniteQuery.ts

@@ -72,13 +72,13 @@ export function useInfiniteQuery<
   TQueryKey extends QueryKey = QueryKey,
   TPageParam = unknown,
 >(
-  options: DefinedInitialDataInfiniteOptions<
+  options: MaybeRefOrGetter<DefinedInitialDataInfiniteOptions<
     TQueryFnData,
     TError,
     TData,
     TQueryKey,
     TPageParam
-  >,
+  >>,
   queryClient?: QueryClient,
 ): UseInfiniteQueryReturnType<TData, TError>
 
@@ -89,13 +89,13 @@ export function useInfiniteQuery<
   TQueryKey extends QueryKey = QueryKey,
   TPageParam = unknown,
 >(
-  options: UndefinedInitialDataInfiniteOptions<
+  options: MaybeRefOrGetter<UndefinedInitialDataInfiniteOptions<
     TQueryFnData,
     TError,
     TData,
     TQueryKey,
     TPageParam
-  >,
+  >>,
   queryClient?: QueryClient,
 ): UseInfiniteQueryReturnType<TData, TError>
 
@@ -106,18 +106,18 @@ export function useInfiniteQuery<
   TQueryKey extends QueryKey = QueryKey,
   TPageParam = unknown,
 >(
-  options: UseInfiniteQueryOptions<
+  options: MaybeRefOrGetter<UseInfiniteQueryOptions<
     TQueryFnData,
     TError,
     TData,
     TQueryKey,
     TPageParam
-  >,
+  >>,
   queryClient?: QueryClient,
 ): UseInfiniteQueryReturnType<TData, TError>
 
 export function useInfiniteQuery(
-  options: UseInfiniteQueryOptions,
+  options: MaybeRefOrGetter<UseInfiniteQueryOptions> ,
   queryClient?: QueryClient,
 ) {
   return useBaseQuery(