0
19
JRJose Romero
reactapollohookβ’β’β’
React TypeScript RecipesOne 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: {
} },
]
});