Unsure how to pass optional params using the object syntax

[dimitrisnl]

Hello 👋, and thank you for the fantastic library. It has really helped my team simplify how we work with server cache!

I have a question. In the README example, we can see the following snippet:

function Todo({ todoId, preview }) {
  const { status, data, error } = useQuery(
    // These will be used as the query key
    ['todo', todoId],
    // These will get passed directly to our query function
    [
      debug,
      {
        foo: true,
        bar: false,
      },
    ],
    fetchTodoById
  )
}

now if we were to write it as follows

  const { status, data, error } = useQuery({
    queryFn: fetchTodoById,
    queryKey: ['todo', todoId],
    config: {
      staleTime: Infinity,
    },
  });

where should the optional variables be included?

[dimitrisnl]

The config key includes these options:

  manual,
  retry,
  retryDelay,
  staleTime
  cacheTime,
  refetchInterval,
  refetchIntervalInBackground,
  refetchOnWindowFocus,
  onSuccess,
  onError,
  onSettled,
  suspense,
  initialData,
  refetchOnMount,
  queryFnParamsFilter

so we rule it out.

[dimitrisnl]

It is my understanding that the variables key refers to the variables that dont affect the key, so this is the right place to add anything that shouldn't affect the caching mechanism.

useQuery({
  queryKey: ['todo', 7],
  queryFn: fetchTodos,
  variables: [],
  config: {},
})