Can I use skipToken with useQuery, but not inside queryOptions

[hvolmer]

Hello. I have a query written like so:

  getCompanyMetricsQ: ({
    startTime,
    endTime,
    interval,
    timezone,
    includeIds = false,
  }: GetMetricsBaseParams) =>
    queryOptions({
      queryFn: async () =>
        await httpQuery<GetPCCompanyMetricsResponseItem[]>({
          url: '...',
          params: {
            startTime,
            endTime,
            interval,
            timezone,
            includeIds,
          },
        }),
      queryKey: ['getPoCoCompanyMetrics', startTime, endTime, interval],
    }),

The queryOptions helper is handy for wrapping up the queryFn and the queryKey, and I understand that I can use logic inside the above definition to add skipToken to the query function, but it seems like it would be much cleaner to use skipToken or something similiar within the useQuery, only where applicable - rather than to always define conditions for skipToken inside the queryOptions helper.

Like so:

  const { data } = useQuery(
    params
      ? getCompanyMetricsQ({
           startTime: params.startTime,
           endTime: params.endTime,
           ...
        })
      : skipToken,
  );

NOTE: I'm in typescript and cannot use the enable field on the query options

[TkDodo]

we need access to the key because skipToken only sets enabled: false on the created query, so passing skipToken to useQuery wouldn’t technically work.