useQuery pollInterval with cache-and-network doesn't stop to make requests after unmounting a component

[hsk-kr]

Intended outcome: Make a request every pollInterval ms and stop making requests after unmounting the component.

Actual outcome: Make two requests every pollIntervalms and doesn't stop and make a request every pollIntervalms after unmounting the component

How to reproduce the issue:

const { data, error } = useQuery(ANY_QUERY, {
    fetchPolicy: "cache-and-network",
    pollInterval: 1000,
  });

It works with other fetchPolicy but it doesn't work with cache-and-network.

Versions

^3.5.8

[arvindell]

Have the same problem

[nikgraf]

Ran into the same issue

[AlekseyMalakhov]

Problem still exists

[Draiken]

We are hitting this issue but it seems like it's only in strict-mode. When in production it doesn't seem to keep the queries running after unmounting.

We are on version 3.8.7

[MilanJimi]

Same here.

[rossvz]

Ran into this as well. In our case it was something like

 { isEnabled ? (<ComponentA/> ) : (<ComponentB/>) }

and each component had a pollInterval with the cache-and-network policy. When isEnabled changes and we render a different component, the polling for the other component was still running. Changing the policy to network-only resolved the issue.

[jerelmiller]

Hey all 👋

Would anybody be able to share a minimal reproduction of this issue? I've attempted to reproduce this with our tests but have been unsuccessful. Both strict mode and non-strict mode seem to stop polling as expected when the component unmounts.

Take a look at https://github.com/apollographql/apollo-client/compare/jerel/cache-and-network-polling?expand=1 for my attempt to reproduce this. Any help would be appreciated recreating the issue.

[dylanwulf]

Possibly related to my issue #11750 which does have a reproduction

[jerelmiller]

Awesome, thanks @dylanwulf!

[github-actions]

Do you have any feedback for the maintainers? Please tell us by taking a one-minute survey. Your responses will help us understand Apollo Client usage and allow us to serve you better.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
For general questions, we recommend using StackOverflow or our discord server.