useLazyQuery with load and refetch

[hinogi]

So I encountered something problematic. It seems that there might be some kind of race condition. So useLazyQuery is defined as extending useQuery with load to make it manually executable as far as I understood. https://v4.apollo.vuejs.org/api/use-lazy-query.html

So what I did is, onSubmit I fired the load function with the same document but new variables. That didn't seem to have any effect on firing a new request. so I added refetch to the list which does trigger a new request.

But when I navigate away from the page and back again via history, another click does fire the load, but the refetch does nothing.

After some investigation I discovered that the changes load does to the query object in the client where fired after refetch, and so refetch had an empty query so it did nothing.

load is not async so I was wondering what could have caused that kind of behavior.

[hinogi]

I think I went into the onResult trap. refetch is actually not necessary since load will get a new result, but onResult only fires for the first network-only result so it stops after that.