tanstack query integration doesn't handle skipToken correctly

[LouisHaftmann]

The current way of using skipToken defeats the purpose of using a symbol to skip queries.

Current incorrect usage:

const queryOptions = orpc.user.get.queryOptions({
  input: computed(() => ({ userId: props.userId! })), // have to use `!` here because can't use skipToken
})
useQuery({
  ...queryOptions,
  queryFn: computed(() => (props.userId ? queryOptions.queryFn : skipToken)),
})

Intended usage:

orpc.user.get.queryOptions({
  input: computed(() => (props.userId ? { userId: props.userId } : skipToken)),
})

Internally this would need to set queryFn to skipToken if skipToken is passed as input (tanstack docs)

[DrJume]

The tRPC Tanstack Query client handles it like this:
https://github.com/trpc/trpc/blob/7fbf03ccf13dd7a7e3f8217521a3007704878c9c/packages/tanstack-react-query/src/internals/queryOptions.ts#L210