test(vue-query): add type-check test for useInfiniteQuery with infiniteQueryOptions

Author: hriday330

examples/vue/basic/src/type-problem.ts

@@ -0,0 +1,21 @@
+import { infiniteQueryOptions , useInfiniteQuery } from '@tanstack/vue-query'
+import { computed } from "vue";
+
+export function sleep(ms: number) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+const options = {
+  queryKey: ['infiniteQuery'],
+  queryFn: () => sleep(0).then(() => 'Some data'),
+  getNextPageParam: () => undefined,
+  initialPageParam: 0,
+};
+const optionsComputed = computed(() => options);
+const optionsWrapped = infiniteQueryOptions(options);
+const optionsWrappedComputed = computed(() => infiniteQueryOptions(options));
+
+const query1 = useInfiniteQuery(options);
+const query3 = useInfiniteQuery(optionsComputed);
+const query2 = useInfiniteQuery(optionsWrapped);
+const query4 = useInfiniteQuery(optionsWrappedComputed);

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

@@ -3,6 +3,7 @@ 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'
 
 describe('Discriminated union return type', () => {
   it('data should be possibly undefined by default', () => {
@@ -95,4 +96,18 @@ describe('Discriminated union return type', () => {
       expectTypeOf(query.data).toEqualTypeOf<InfiniteData<string, unknown>>()
     }
   })
+
+  it('should accept computed options with infiniteQueryOptions', () => {
+    const options = computed(() => infiniteQueryOptions({
+      queryKey: ['infiniteQuery'],
+      queryFn: () => sleep(0).then(() => 'Some data'),
+      getNextPageParam: () => undefined,
+      initialPageParam: 0,
+    }))
+    const query = reactive(useInfiniteQuery(options))
+
+    if (query.isSuccess) {
+      expectTypeOf(query.data).toEqualTypeOf<InfiniteData<string, unknown>>()
+    }
+  })
 })