apollo icon indicating copy to clipboard operation
apollo copied to clipboard

Apollo client with id default not found.

Open chrisjbrown opened this issue 7 months ago • 2 comments

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

chrisjbrown avatar Jul 11 '24 16:07 chrisjbrown