Apollo Client 3 UseMutation data empty object

aancer-rca · June 21, 2021, 7:53pm

I’m attempting to use Apollo Client 3 as a local state solution. However, I’m having some trouble using the UseMutation hook.

The following repository contains my code apollo-use-query repo with a simple container that displays user data.

Whilst debugging the update function (updateUserCache) of the useMutation hook.

I noticed that the data object was not providing the updated activeUser in the updateUserCache parameter and rather providing an empty object. Why is the data object parameter empty?

I also noticed that the data object is returned with the correct data when using the deprecated local resolvers here:

github.com

aancer-rca/apollo-use-query/blob/ede65167cdfcfcf4d96680dfaab670a7c18bfe05/src/index.tsx#L9


      
          import React from 'react'
          import { render } from 'react-dom'
          import App from './components/App'
          import { ApolloClient, ApolloProvider } from '@apollo/client';
          import { cache } from './cache';
          
          
export const client = new ApolloClient({
            cache,
            // Issue: Local only Resolvers are deprecated so I cannot use them
            // resolvers :{ Mutation: {
            //   updateActiveUser:  (cache, payload) => {
            //     console.log('payload: ', payload);
            //       return { id: payload?.id, name: payload?.name, age: payload?.age};
            //   },}},
            connectToDevTools: true,
          });
          
          
render(
            <ApolloProvider client={client}>

However, these are reaching EOL so I don’t want to use them in my repo. Am I missing a type policy in my cache that resolves this in the new AC3 implementation?

hwillson · July 16, 2021, 2:17pm

@aancer-rca Please see this PR for an explanation of the issue:

https://github.com/apollographql/apollo-client/pull/8504

In short, Apollo Client no longer supports @client mutations with useMutation. We recommend using either writeQuery / writeFragment directly, or reactive variables.

aancer-rca · July 16, 2021, 5:16pm

Thanks @hwillson! Much appreciated!

Topic		Replies	Views
useMutation diffs between client v2 and v3 Help client , web	2	1114	April 26, 2022
Problems with login using useMutation Help client , web	4	1468	August 21, 2021
How to access Apollo useMutaion response/payload Help client , web	2	1145	May 27, 2021
useMutation with array of objects Help client , web	7	6582	June 28, 2021
Updating Apollo Cache - React Native Help client , web	3	647	January 4, 2023

Apollo Client 3 UseMutation data empty object

Related topics