useLazyQuery loading and networkStatus when call refetch. fetchMore send two requests

Hello. I try to use hook useLazyQuery to filter data with new variables. apollo client config for watch query is fetchPolicy: ‘cache-and-network’,

  const [getTracks, { data, loading, error, networkStatus, called, refetch }] = useLazyQuery(TracksPageQuery);

  useEffect(() => {
    if (!called) {
      getTracks({ variables: getQueryVariables() });
    } else {
      refetch(getQueryVariables());
    }
  }, [JSON.stringify(urlQueries)]);

When i set new variables at first time - refetch does not trigger loading as true and networkStatus always 7. But refetch with repeated variables return loading true, as i need.

I tried different fetchPolicy setting, and only with ‘cache-and-network’ and repeated variables returned loading true on refetch. Also it does not suit me to set notifyOnNetworkStatusChange, because i need to show previous result before data will update, and spinner for loading over.

[alamothe]

Same issues:

• For "cache-and-network", when fetchMore is called, it will make two different queries to the backend.
• For the default "cache-first" policy, when fetchMore is called, it won’t update loading (but it doesn’t suffer from the first issue).

[anjopater]

I have the same issue,

    "@apollo/client": "^3.5.10",
    "@apollo/react-hooks": "^4.0.0",

The loading status change from false to true in the first call, but after that doing refech is always false, and checking the networkStatus it’s always 7 so I’m not able to get the loading correct status.