Type error with apollo client package

[SaumilNagariya]

Issue Description

Hi team,

We are using node v18.16.1 and apollo-client 3.8.0 for Nexjs Commerce repo. It was working fine till yesterday, but now it is failing the build.

Yarn build

can you please help me asap?

Link to Reproduction

n/a

Reproduction Steps

No response

[jerelmiller]

Hey @SaumilNagariya 👋

Could I get a little more info from you. When you say "working fine till yesterday", were you using a prerelease version of 3.8? If so, which one?

Not much has changed between the rc.2 version and the public release version so I'm a bit surprised to see this. Do you have a reproduction that we can dig into further?

[alessbell]

What versions of Next.js and TypeScript are you using? I've tried to reproduce this with no luck so far.

I've cloned the latest https://github.com/vercel/commerce project, pnpm installed @apollo/[email protected] and imported + called useBackgroundQuery in a client component. (For streaming SSR support, you'd want to use our https://www.npmjs.com/package/@apollo/experimental-nextjs-app-support package when using Next.js's app router, but that isn't material to this bug occurring during the build.)

As you can see here, it passes linting and type checking but later fails to generate static pages because I don't have API keys for a Shopify store in my env variables:

[alessbell]

In the meantime, you can try the snapshot release from #11134 by doing npm i @apollo/[email protected].

This subtly changes the import syntax in the built useBackgroundQuery.d.ts:

- import { type QueryReference } from "../cache/QueryReference.js";
+ import type { QueryReference } from "../cache/QueryReference.js";

But I'd be very curious to look at a reproduction since AFAIK the syntax we're currently using has been supported since TypeScript 4.5.

[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.