Custom type with omitted properties from UseInfiniteQueryOptions in Vue Query

[elrhourha]

Question

I'm trying to create a wrapper around useInfiniteQuery that provides default implementations for certain properties while still accepting all other TanStack Vue Query options. However, I'm struggling with TypeScript compilation errors when trying to omit properties from UseInfiniteQueryOptions.

What I'm trying to do

Create a wrapper hook that:

1. Accepts all UseInfiniteQueryOptions except select, getNextPageParam, and initialPageParam
2. Automatically provides those three properties with my custom implementations
3. Maintains full type safety

My attempts and errors

Attempt 1: Using Omit

type MyWrapperOptions<T> = Omit<
  UseInfiniteQueryOptions<
    PaginatedResponse<T>,
    BaseApiException,
    InfiniteData<T, number>,
    PaginatedResponse<T>,
    QueryKey,
    number
  >,
  'select' | 'getNextPageParam' | 'initialPageParam'
>

Error:

Vue: No overload matches this call.
Overload 1 of 3, (options: DefinedInitialDataInfiniteOptions<...>)
Overload 2 of 3, (options: UndefinedInitialDataInfiniteOptions<...>) 
Overload 3 of 3, (options: UseInfiniteQueryOptions<...>)

Attempt 2: Direct type usage

type MyWrapperOptions<T> = UseInfiniteQueryOptions<
  PaginatedResponse<T>,
  BaseApiException,
  InfiniteData<T, number>,
  PaginatedResponse<T>,
  QueryKey,
  number
>

Error:

Vue: Property getNextPageParam does not exist on type UseInfiniteQueryOptions<...>
Vue: Property initialPageParam does not exist on type UseInfiniteQueryOptions<...>

My implementation attempt

export function useMyInfiniteQuery<T>(
  options: MyWrapperOptions<T>
) {
  return useInfiniteQuery({
    ...options,
    select: (data: InfiniteData<PaginatedResponse<T>, number>) => ({
      pages: data.pages.map(page => page.data),
      pageParams: data.pageParams
    }),
    getNextPageParam: (lastPage: PaginatedResponse<T>) => {
      const { page } = lastPage
      return page.number < page.totalPages - 1 ? page.number + 1 : undefined
    },
    initialPageParam: 0,
  })
}

Question

How should I properly define MyWrapperOptions<T> to work with Vue Query's type system? The complex MaybeRef wrappers and multiple overloads seem to make the standard Omit approach problematic.

Is there a recommended pattern for creating wrapper hooks that omit certain properties from UseInfiniteQueryOptions while maintaining type safety?

Environment

• @tanstack/vue-query: [your version]
• Vue: 3.x
• TypeScript: 5.x