skipToken for useInfiniteQuery

[maiorBoltach]

Hello colleagues,
In my typescript project I have to use useInfiniteQuery for sub-entities with projectId that can be not defined.

Example:

export function useProjectUsersQuery(projectId?: number, filter: UserFilter = {}) {
  const {
    api: { client },
    auth: { isAuthenticated, isRefreshingToken }
  } = useAppContext();

  return useInfiniteQuery({
    queryKey: keys.projectMembers(projectId, filter),
    queryFn: ({ pageParam = 0 }) =>
      getProjectUsers(client, projectId, {
        params: prepareQueryParams(filter, pageParam, 20)
      }),
    getNextPageParam: getNextPageNumber,
    initialPageParam: 0,
    enabled: isAuthenticated && !isRefreshingToken && !!projectId,
    throwOnError: isGlobalProjectError
  });
}

The main problem is in getProjectUsers method that strictly requires number without any undefined.

For useQuery this problem can be solved in the next way:

    queryFn: projectId ? () => getProjectRoles(client, projectId) : skipToken,

There are possible workarounds only in checking this value in component or smth like projectId || 0 in queryFn itself.
Are there more simple and straightforward solutions?

Thanks in advance

[TkDodo]

show a typescript playground please