apollo
apollo copied to clipboard
Apollo client with id default not found.
Describe the bug
I have a nuxt application that sets up and provides the apolloClient
(see defineNuxtPlugin
below)
Then I have a vue component that comes from an installed dependency.
That component is rendered by the nuxt application and uses the useQuery
method from '@vue/apollo-composable'
.
However, when that method is called it throws an error
Uncaught Error: Apollo client with id default not found. Use an app.runWithContext() or provideApolloClient() if you are outside of a component setup.
import { provideApolloClient, DefaultApolloClient } from '@vue/apollo-composable'
import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client/core'
export default defineNuxtPlugin((nuxtApp) => {
const apolloClient = new ApolloClient({
cache: new InMemoryCache(),
defaultHttpLink: false,
link: createHttpLink({...})
})
provideApolloClient(apolloClient)
nuxtApp.vueApp.provide(DefaultApolloClient, apolloClient)
})
Versions vue: 3.4.30 @vue/apollo-composable: 4.0.2 @apollo/client: 3.10.8