Writing nested object to local Apollo cache

Question

I have already looked at: Writing nested object to Apollo client cache

And I guess everywhere else on the internet.

So what I want to do is to write an object to the Apollo cache, to store it locally. This is my setup:

const cache = new InMemoryCache()
const client = new ApolloClient({
    uri: '/hasura/v1/graphql',
    cache,
    credentials: 'include',
})

Then I write this to initialize the cache, taken from: https://www.apollographql.com/docs/react/data/local-state/#querying-local-state

cache.writeData({
    data: {
        todos: [],
        visibilityFilter: 'SHOW_ALL',
        networkStatus: {
            __typename: 'NetworkStatus',
            id: 1,
            isConnected: false,
        },
    },
})

Now, when I want to query the cache using this query:

const lolquery = gql`{
    visibilityFilter @client
}`

const result = cache.readQuery({ query: lolquery })
console.log(result)

I can get the visibilityFilter and todos, but when I try to query for networkStatus i.e.,

const lolquery = gql`{
    networkStatus @client
}`

I get the following error:

Uncaught Invariant Violation: Invariant Violation: 10

Googling this error doesn't give me much of an answer.

Am I the only one experiencing this? Am I missing something really obvious?

Daniel Rearden · Accepted Answer · 2020-01-15 11:55:58Z

0

networkStatus was initialized as an object, so you have to query it with a subselection of one or more fields.

{
  networkStatus @client {
    isConnected
  }
}

answered Jan 15, 2020 at 11:55

Daniel Rearden

85.3k14 gold badges205 silver badges193 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Malin Thelin Over a year ago

Okay, wow, actually yes. I don't know how I haven't tried this... But I guess because my endgoal is to fetch a list of objects/I don't know if I have read anywhere that you NEED to do this specification when fetching objects with GraphQL. How frustrating... but thanks!

Collectives™ on Stack Overflow

Writing nested object to local Apollo cache

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related