Issue Description

I am using latest version of apollo client v3.8.7.
I am providing default nextFetchPolicy function to update fetchPolicy, if query has fetchPolicy of cache-and-network. According to the docs, nextFetchPolicy function should be called after request is done(reason after-fetch) and when variables are changed (reason variables-changed).
However, nextFetchPolicy function is not called after variables are changed(with reason variables-changed). It is only called when request is done.
Here is the code snippet that I am using,

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: httpLink,
  defaultOptions: {
    watchQuery: {
      fetchPolicy: "cache-and-network",
      notifyOnNetworkStatusChange: true,
      nextFetchPolicy: (
        currentFetchPolicy,
        { reason, initialFetchPolicy, observable }
      ) => {
        if (reason === "variables-changed") {
          return initialFetchPolicy;
        }

        if (
          reason === "after-fetch" &&
          ["cache-and-network"].includes(currentFetchPolicy)
        ) {
          return "cache-only";
        }

        return currentFetchPolicy;
      }
    },

    query: {
      fetchPolicy: "network-only"
    }
  }
});

Issue is solved if I comment out code inside after-fetch condition, but it limits usability of nextFetchPolicy function.

Link to Reproduction

https://codesandbox.io/p/sandbox/eloquent-cori-2jngr7?file=%2Fsrc%2Findex.jsx

Reproduction Steps

• Change values from dropdown and check logs in console.

• Comment out code inside after-fetch condition in nextFetchPolicy function and check logs again.

• Current outcome:

  • NextFetchPolicy function is called with reason 'after-fetch' whenever request is completed and not called when variables are changed(with reason variables-changed).

• Intended outcome:

  • NextFetchPolicy function should be called whenever variables are updated. Then it should be called again, if variable change triggers request with reason after-fetch.