React Apollo Error: Invariant Violation: Could not find "client" in the context or passed in as an option

In my case, I found that I had [email protected] installed as well as @apollo/[email protected]. Removing @apollo/react-hooks and just relying on react-apollo fixed the invariant issue for me. Make sure that you aren't using any mismatched versions in your lock file or package.json

This is what someone said in a GitHub issue thread, which, was the case for me too. Make sure you try it!

I found this to be the solution as well, though now I'm only using @apollo/client and apollo-link since they are the latest version.

I've had a mixture of solutions, i think it does boil down to how you initially go about setting up all the related packages. "Some packages don't work well with others when it comes to connecting the client to Reacts Context.Provider"

I've had two go two fixes that seem to work well (With new projects and updating old):

1: Uninstall "@apollo/react-hooks"

2: import { ApolloProvider } from "@apollo/client"; instead of import { ApolloProvider } from "react-apollo"; (This allowed me to keep the "@apollo/react-hooks" package without conflicts)

3: Double-check that the server that is serving HttpLink client URI is up and running for the client to connect (This give a different error then the one were talking about but is still good to know in this situation)

Conclusion: It can be a slight bit of trial and error, but try to use the matching/pairing packages