diff --git a/.changeset/fifty-suits-drum.md b/.changeset/fifty-suits-drum.md
new file mode 100644
index 00000000000..1668cbad4f7
--- /dev/null
+++ b/.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.
diff --git a/.eslintrc b/.eslintrc
index 51eafba7d03..20736d34830 100644
--- a/.eslintrc
+++ b/.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",
diff --git a/src/react/hooks/useBackgroundQuery.ts b/src/react/hooks/useBackgroundQuery.ts
index 1a4cc484f61..f76197e589e 100644
--- a/src/react/hooks/useBackgroundQuery.ts
+++ b/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";
diff --git a/src/react/hooks/useReadQuery.ts b/src/react/hooks/useReadQuery.ts
index 8ac95cce910..85d4b3026f1 100644
--- a/src/react/hooks/useReadQuery.ts
+++ b/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";
diff --git a/src/react/hooks/useSuspenseQuery.ts b/src/react/hooks/useSuspenseQuery.ts
index a2f32db2686..4408e8b0b3e 100644
--- a/src/react/hooks/useSuspenseQuery.ts
+++ b/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<