Apollo React useMutation with refetchQueries



    Jose Romero

    React TypeScript Recipes

    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: {
        	} },
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    • Security
    • Privacy Policy
    • Code Privacy
    • Terms of Service
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.