ApolloContext: handling in React Server Components

[phryneas]

The "per-React-Version-Singleton" ApolloContext is now stored on globalThis, not React.createContext, and throws an error message when accessed from React Server Components.

Before this change, rendering an ApolloProvider or using any of our hooks, would have resulted in this error message.

This error message is very specific to Apollo Client, and not easy to google.

So instead, now this error message is displayed:

Also, we do not try to store the "per-React-Singleton" version of ApolloContext on React.createContext any more, but store it in globalThis[Symbol.for('__APOLLO_CONTEXT__')].get(React), which does not pollute the react module and will likely avoid similar problems in the future.

For historical context why it was stored there, see #8798.

If all existing tests work, I would assume this is "tested enough".

Checklist:

• If this PR contains changes to the library itself (not necessary for e.g. docs updates), please include a changeset (see CONTRIBUTING.md)
• If this PR is a new feature, please reference an issue where a consensus about the design was reached (not necessary for small changes)
• Make sure all of the significant new logic is covered by tests

[changeset-bot]

🦋 Changeset detected

Latest commit: 2446ace

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@apollo/client	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[jerelmiller]

This change looks good. I had a couple questions, but nothing blocking. Thanks for making the library more resilient to new React features! 🔥

[phryneas]

Note to self: As I based this on #10869, that PR needs to be merged before this PR.

[github-actions]

size-limit report 📦

Path	Size
dist/apollo-client.min.cjs	35.8 KB (-0.02% 🔽)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs"	45.48 KB (+0.48% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js"	34.05 KB (0%)
import { ApolloProvider } from "dist/react/index.js"	1.05 KB (+23.31% 🔺)
import { useQuery } from "dist/react/index.js"	4.55 KB (+4.65% 🔺)
import { useLazyQuery } from "dist/react/index.js"	4.86 KB (+4.34% 🔺)
import { useMutation } from "dist/react/index.js"	2.72 KB (+7.91% 🔺)
import { useSubscription } from "dist/react/index.js"	2.54 KB (+7.96% 🔺)
import { useSuspenseQuery_experimental } from "dist/react/index.js"	3.74 KB (+5.81% 🔺)
import { useBackgroundQuery_experimental } from "dist/react/index.js"	3.17 KB (+6.75% 🔺)
import { useReadQuery_experimental } from "dist/react/index.js"	1.12 KB (0%)
import { useFragment_experimental } from "dist/react/index.js"	1.98 KB (+11.32% 🔺)