Query execution hangs after a failed query

[miel-dev0]

Hello. Thank you for the exellent library.

One of components I'm currently building takes a user-inputted string as prop and use it as a query variable.

The GraphQL endpoint responds with an error if passed string is too short, or otherwise considered invalid (such as SQL injection).

If a GraphQL or network error occurs, the error itself is propagated correctly, but subsequent query hangs - $apolloData.loading is set to 1 and $apolloData.queries.[...].loading is set to true, without any actual request to the server being made.

searchAddress: {
  query: addressSearch,
  variables(): AddressSearchQueryVariables {
     return {
        keyword: this.keyword
     };
   }
}

[marcovc]

I have this problem also. Did you find any workaround? Thanks

[miel-dev0]

Unfortunately, No, I am forced to fall back to 2.1.0 at the moment. It seems this bug was introduced in version 3.

[marcovc]

Thanks for your reply. Interestingly, I just downgraded vue-apollo to version 2.1.0-rc.5 and the bug is still there. Must be in one of its dependencies...

[chatondearu]

Hi, I found some same issue in react-apollo issues and I have the same problem, I think the problem came with apollo-client a PR was here and can solve the problem but not the solution.

@Akryum what do you think ?

[Akryum]

I think this is an upstream issue in apollo client as you pointed out.