Don't export gql from /react entrypoint (#12775)

Author: jerelmiller

.api-reports/api-report-react.api.md

@@ -30,7 +30,6 @@ import type { FormattedExecutionResult } from 'graphql';
 import type { FragmentType } from '@apollo/client/masking';
 import { getApolloClientMemoryInternals } from '@apollo/client/utilities/internal';
 import type { GetDataState as GetDataState_2 } from '@apollo/client';
-import { gql } from '@apollo/client';
 import type { GraphQLRequest } from '@apollo/client/link';
 import type { HKT } from '@apollo/client/utilities';
 import type { HookWrappers } from '@apollo/client/react/internal';
@@ -325,8 +324,6 @@ type GetDataState<TData, TState extends DataState<TData>["dataState"]> = Extract
     dataState: TState;
 }>;
 
-export { gql }
-
 // Warning: (ae-forgotten-export) The symbol "InternalRefetchQueryDescriptor" needs to be exported by the entry point index.d.ts
 // Warning: (ae-forgotten-export) The symbol "RefetchQueriesIncludeShorthand" needs to be exported by the entry point index.d.ts
 //

.changeset/mighty-jobs-drum.md

@@ -0,0 +1,6 @@
+---
+"@apollo/client-codemod-migrate-3-to-4": patch
+"@apollo/client": patch
+---
+
+Don't export `gql` from `@apollo/client/react` entrypoint. Import from `@apollo/client` instead.

.size-limits.json

@@ -1,6 +1,6 @@
 {
-  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\" (CJS)": 43696,
-  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\" (production) (CJS)": 38670,
-  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\"": 33351,
-  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\" (production)": 27632
+  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\" (CJS)": 43672,
+  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\" (production) (CJS)": 38614,
+  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\"": 33360,
+  "import { ApolloClient, InMemoryCache, HttpLink } from \"@apollo/client\" (production)": 27603
 }

scripts/codemods/ac3-to-ac4/src/imports.ts

@@ -192,13 +192,7 @@ const transform: Transform = function transform(file, api) {
     sourceEntrypoint: string,
     targetEntrypoint: string
   ) {
-    if (
-      areAllSpecifiersFrom(
-        specifiers.concat(specifiers === REACT_IMPORTS_FROM_ROOT ? "gql" : []),
-        sourceEntrypoint
-      ) &&
-      !isOnlySpecifier("gql", sourceEntrypoint)
-    ) {
+    if (areAllSpecifiersFrom(specifiers, sourceEntrypoint)) {
       renameImport(sourceEntrypoint, targetEntrypoint);
     } else {
       specifiers.forEach((name) =>

src/__tests__/__snapshots__/exports.ts.snap

@@ -283,7 +283,6 @@ Array [
   "ApolloProvider",
   "createQueryPreloader",
   "getApolloContext",
-  "gql",
   "reactCompilerVersion",
   "skipToken",
   "useApolloClient",

src/react/index.ts

@@ -1,5 +1,3 @@
-export { gql } from "@apollo/client";
-
 export type { ApolloContextValue } from "./context/ApolloContext.js";
 export { ApolloConsumer } from "./context/ApolloConsumer.js";
 export { getApolloContext } from "./context/ApolloContext.js";