graphql query of Vulcan withList HOC is stuck with loading = true forever

[pohsunhuang]

Bug Description

There are many cases can trigger this one. e.g. Search topic for two times with different search text that both has zero search result, the second query will be stuck with loading = true and networkStatus = 1 forever.

Possible Root Cause

It's a apollo-client bug according to the community, might be fixed in V2.2.8.

Workaround

Apply following graphql option within Vulcan withList HOC

notifyOnNetworkStatusChange: true

withList HOC does not provide direct access to graphql option, we have three ways to do it:

1. Put it directly into withList.js
2. Modify Vulcan's package.json to use apollo-client beyond V2.2.8
3. Write my own version of withList

Reference

apollographql/apollo-client#1186
apollographql/react-apollo#1397
apollographql/react-apollo#1385