TypeError: (0 , _client.makeVar) is not a function

Intended outcome: Upgraded from 3.4.11 to 3.4.12 and tried to run tests and expected everything go smoothly because there shouldn’t be any breaking changes.

Actual outcome: Got this failure:

  ● Test suite failed to run
    TypeError: (0 , _client.makeVar) is not a function

when importing makeVar like it is suggested in the docs (https://www.apollographql.com/docs/react/local-state/reactive-variables/):

import { makeVar } from '@apollo/client'

Got it working by changing the import to:

import { makeVar } from '@apollo/client/cache'

but then I ran into different issues (https://github.com/apollographql/apollo-client/issues/8814)

How to reproduce the issue: import makeVars:

import { makeVar } from '@apollo/client'

Versions

  System:
    OS: macOS 11.6
  Binaries:
    Node: 14.17.6 - ~/.nvm/versions/node/v14.17.6/bin/node
    Yarn: 1.22.4 - ~/.yarn/bin/yarn
    npm: 7.22.0 - ~/.nvm/versions/node/v14.17.6/bin/npm
  Browsers:
    Chrome: 93.0.4577.82
    Edge: 93.0.961.52
    Firefox: 91.0.2
    Safari: 14.1.2
  npmPackages:
    @apollo/client: 3.4.12 => 3.4.12
    apollo-link-logger: 2.0.0 => 2.0.0

[johgoe]

Same issue with gql. gql is undefined debugging it in our jest tests.

Sample Code

import { gql } from '@apollo/client';

export const whoamiQuery = gql`query Whoami {
  whoami {
    username,
    firstName,
    lastName,  
  }
}`;

[hamza-iqbal-hi]

Still getting this issue when testing with Jest. Apollo Client Version : 3.5.10,