[vue-query] TS error with queryFn as computed()

[AnnaYuS]

The type of the data that useQuery returns is different when queryFn uses a computed from vue. This is the reproduction

Basically the data has an additional TQueryFnData type when used with the computed, and it's just Group | undefined when queryFn is not a computed

type Group = { id: number }

function getGroup(group: Group | undefined) {
    return group
}

const fetchGroup = (id: MaybeRefOrGetter<number | undefined>) => {
    const value = toValue(id)
    return axios<Group>(`/api/groups/${value}`)
}

const vueOptionsWithComputed = (id: MaybeRefOrGetter<number | undefined>) =>  vueQueryOptions(
    {
        queryKey: ['group'],
        queryFn: computed(() => () => fetchGroup(id).then(response => response.data))  
    }
)

const {data: groupDataWithComputed} = vueUseQuery(vueOptionsWithComputed(3))

const x = getGroup(groupDataWithComputed.value)

I'm not sure if it's a bug. Maybe the functions are not supposed to have this structure?

I've noticed that the error is gone if there is no .then block

computed(() => () => fetchGroup(id))

but then there is an additional .data to deal with which is something i'd like to avoid.

Does anyone have any recommendations?