turn queryRef symbols into Symbol.for calls (#12409)

* turn queryRef symbols into `Symbol.for` calls

* Clean up Prettier, Size-limit, and Api-Extractor

---------

Co-authored-by: phryneas <4282439+phryneas@users.noreply.github.com>

Author: phryneas

.changeset/grumpy-dogs-add.md

@@ -0,0 +1,5 @@
+---
+"@apollo/client": patch
+---
+
+To mitigate problems when Apollo Client ends up more than once in the bundle, some unique symbols were converted into `Symbol.for` calls.

.size-limits.json

@@ -1,4 +1,4 @@
 {
-  "dist/apollo-client.min.cjs": 42231,
+  "dist/apollo-client.min.cjs": 42243,
   "import { ApolloClient, InMemoryCache, HttpLink } from \"dist/index.js\" (production)": 34437
 }

src/react/hooks/useLazyQuery.ts

@@ -5,6 +5,7 @@ import * as React from "rehackt";
 import type {
   ApolloClient,
   ApolloQueryResult,
+  ObservableQuery,
   OperationVariables,
   WatchQueryOptions,
 } from "../../core/index.js";
@@ -17,7 +18,7 @@ import type {
   QueryHookOptions,
   QueryResult,
 } from "../types/types.js";
-import type { InternalResult, ObsQueryWithMeta } from "./useQuery.js";
+import type { InternalResult } from "./useQuery.js";
 import {
   createMakeWatchQueryOptions,
   getDefaultFetchPolicy,
@@ -203,7 +204,7 @@ export function useLazyQuery<
 
 function executeQuery<TData, TVariables extends OperationVariables>(
   resultData: InternalResult<TData, TVariables>,
-  observable: ObsQueryWithMeta<TData, TVariables>,
+  observable: ObservableQuery<TData, TVariables>,
   client: ApolloClient<object>,
   currentQuery: DocumentNode,
   options: QueryHookOptions<TData, TVariables> & {

src/react/hooks/useQuery.ts

@@ -68,9 +68,9 @@ type InternalQueryResult<TData, TVariables extends OperationVariables> = Omit<
 >;
 
 function noop() {}
-export const lastWatchOptions = Symbol();
+const lastWatchOptions = Symbol();
 
-export interface ObsQueryWithMeta<TData, TVariables extends OperationVariables>
+interface ObsQueryWithMeta<TData, TVariables extends OperationVariables>
   extends ObservableQuery<TData, TVariables> {
   [lastWatchOptions]?: WatchQueryOptions<TVariables, TData>;
 }

src/react/internal/cache/QueryReference.ts

@@ -29,8 +29,10 @@ type FetchMoreOptions<TData> = Parameters<
   ObservableQuery<TData>["fetchMore"]
 >[0];
 
-const QUERY_REFERENCE_SYMBOL: unique symbol = Symbol();
-const PROMISE_SYMBOL: unique symbol = Symbol();
+const QUERY_REFERENCE_SYMBOL: unique symbol = Symbol.for(
+  "apollo.internal.queryRef"
+);
+const PROMISE_SYMBOL: unique symbol = Symbol.for("apollo.internal.refPromise");
 declare const QUERY_REF_BRAND: unique symbol;
 /**
  * A `QueryReference` is an opaque object returned by `useBackgroundQuery`.