chore: separate type imports in useSuspenseQuery.ts, useBackgroundQue…

…ry.ts and useReadQuery.ts (#11134)

.changeset/fifty-suits-drum.md

@@ -0,0 +1,5 @@
+---
+"@apollo/client": patch
+---
+
+Use separate type imports in useSuspenseQuery and useBackgroundQuery to workaround SWC compiler issue.

.eslintrc

@@ -44,6 +44,10 @@
             "message": "Please only use the namespace import syntax (`import * as React from 'react'`) for React imports!"
           }
         ],
+        "import/consistent-type-specifier-style": [
+          "error",
+          "prefer-top-level"
+        ],
         "import/extensions": [
           "error",
           "always",

src/react/hooks/useBackgroundQuery.ts

@@ -5,7 +5,8 @@ import type {
   TypedDocumentNode,
 } from "../../core/index.js";
 import { useApolloClient } from "./useApolloClient.js";
-import { wrapQueryRef, type QueryReference } from "../cache/QueryReference.js";
+import { wrapQueryRef } from "../cache/QueryReference.js";
+import type { QueryReference } from "../cache/QueryReference.js";
 import type { BackgroundQueryHookOptions, NoInfer } from "../types/types.js";
 import { __use } from "./internal/index.js";
 import { getSuspenseCache } from "../cache/index.js";

src/react/hooks/useReadQuery.ts

@@ -1,8 +1,6 @@
 import * as React from "react";
-import {
-  unwrapQueryRef,
-  type QueryReference,
-} from "../cache/QueryReference.js";
+import { unwrapQueryRef } from "../cache/QueryReference.js";
+import type { QueryReference } from "../cache/QueryReference.js";
 import { __use } from "./internal/index.js";
 import { toApolloError } from "./useSuspenseQuery.js";
 import { invariant } from "../../utilities/globals/index.js";

src/react/hooks/useSuspenseQuery.ts

@@ -23,7 +23,8 @@ import type {
 import { __use, useDeepMemo } from "./internal/index.js";
 import { getSuspenseCache } from "../cache/index.js";
 import { canonicalStringify } from "../../cache/index.js";
-import { skipToken, type SkipToken } from "./constants.js";
+import { skipToken } from "./constants.js";
+import type { SkipToken } from "./constants.js";
 import type { CacheKey } from "../cache/types.js";
 
 export interface UseSuspenseQueryResult<