useLazyQuery executes query twice on 3.6.9

[ahmed-sharief5]

I am using useLazyQuery in one of my component, but unfortunately it is calling the graphql api twice. I had referred to this issue #9655 as well but it did not resolve my issue. Because of this issue our application itself stopped rendering the components. Note: The same issue occurs when i use useQuery

Intended outcome:

Call the backend graphql api only once during the component mount

Actual outcome:

But the api is being called twice with the first request cancelled and the second request is being made and returning the result.

How to reproduce the issue:

Please see this example https://codesandbox.io/s/intelligent-framework-stwwmg

Versions

System:
Binaries:
Node: 14.17.3
Yarn: 1.22.19
npm: 6.14.13
Browsers:
Chrome: 103.0.5060.114

npmPackages:
@apollo/client: ^3.6.9
graphql: ^16.3.0
react: ^16.13.1

[ahmed-sharief5]

I had reinstalled and changed few components and it worked