Apollo React useMutation with refetchQueries

Jose Romero

reactapollohook•••

One of the most common use cases front-end developers face is re-render the UI after executing a mutation and changing something in the backend.

To solve this problem, a lot of developers like to use the refetchQueries API.

Library: react

Shortcut: apollo.hook.mutation.use.refetch.use

import { useMutation } from '@apollo/client';

const [runMutation, {data, loading, error}] = useMutation<TypeResponse, TypeVariables>(GRAPHQL_MUTATION, {
  refetchQueries: [
    { query: GRAPHQL_QUERY,
      variables: {
    		
    	} },
  ]
});