Merged in feature/turbopack (pull request #3117)

Feature/turbopack

* .

* .

* pin import-in-the-middle

* update marker

* revert back to using *.graphql.ts


Approved-by: Linus Flood

packages/trpc/lib/graphql/request.ts

@@ -1,4 +1,5 @@
 import fetchRetry from "fetch-retry"
+import { type DocumentNode, print } from "graphql"
 import { GraphQLClient } from "graphql-request"
 import stringify from "json-stable-stringify-without-jsonify"
 import { cache as reactCache } from "react"
@@ -14,8 +15,6 @@ import { getPreviewHash, isPreviewByUid } from "../previewContext"
 import { request as _request } from "./_request"
 import { getOperationName } from "./getOperationName"
 
-import type { DocumentNode } from "graphql"
-
 import type { Data } from "../types/requestData"
 
 export async function request<T>(
@@ -45,7 +44,7 @@ export async function request<T>(
     return doCall()
   }
 
-  const queryString = typeof query === "string" ? query : stringify(query)
+  const queryString = typeof query === "string" ? query : print(query)
   const variablesString = stringify(variables)
 
   const fullQuery = `${queryString}${variablesString}`