Skip to content

[3.0] useQuery does not hit the cache when variables change #5782

Closed
@jcane86

Description

@jcane86

I know there are similar issues open already, but couldn't really come to any conclusions after reading them, also I thought the reproduction below could help.

related: #5659

Intended outcome:
When variables change in useQuery, Apollo Client should repeat the full request lifecycle exactly as for the initial set of options, including checking the cache for possible hits.

I am using a TypePolicy to get the results from the cache, not sure if that is important to this issue.

Actual outcome:
on component mount, useQuery gets the data from the cache/network. if query variables are changed, useQuery refetches the query (if permitted by fetchPolicy), but never checks the cache with the new variables:

  • fetchPolicy: 'cache-and-network'
    shows the old value while waiting for new network response, even if the new values are already in cache.
  • fetchPolicy: 'cache-only' or 'cache-first'
    shows the value corresponding to the first set of variables forever, never goes back to the cache to update the result.

How to reproduce the issue:
reproduction here: https://codesandbox.io/s/dreamy-ride-gns90

The sandbox includes one query that fills the cache, and then another one that can be executed with changing variables. This second query is configured in typePolicies to grab results from the cache. The query results do not get updated from the cache after the first request.

Versions
"@apollo/client": "3.0.0-beta.21",
"graphql": "14.5.8",
"react": "16.12.0",
"react-dom": "16.12.0",
"react-scripts": "3.0.1"

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions