useFunctionQuery from documentation cause infinite loop about query HOT 5 CLOSED

You should stringify your function before using it as query key, since react-query checks if queryKey is a function, invokes it and uses returned value as key - see https://github.com/tannerlinsley/react-query/blob/master/src/index.js#L727.
In your case new Promise instance is used as query key, so new query is created on every render.

IMHO using strings or tuples (as suggested in docs) is much better option, but React Query isn't limited to it and of course you are free to use it as you want.

from query.

It's not a function, a query key is an array of function and variables [queryFn, variables]. Like I mentioned in an issue - that custom hook is take straight from react-query documentation:

// Heck, you can even make your own custom useQueryHook!

function useFunctionQuery(functionTuple, options) {
  const [queryFn, variables] = Array.isArray(functionTuple)
    ? functionTuple
    : [functionTuple]
  return useQuery(functionTuple, queryFn, options)
}

from query.

@powah do you also use custom query key serializer?

from query.

Oops, I guess now I understand that I have to do that. Will try and thanks for the help!

from query.

You're welcome :)

from query.