quickest-silver

Is there a way to update a query cache after a mutation?

Like the name suggested, is there any way to update a query cache from a different component after a mutation? There is a way to do it with apollo client with GraphQL, but I'm using a REST api so is there something similar to this?

// Documentation from Apollo

const [addTodo, { data, loading, error }] = useMutation(ADD_TODO, {
  refetchQueries: [
    {query: GET_POST}, // DocumentNode object parsed with gql
    'GetComments' // Query name
  ],
});

// Documentation from Apollo

const [addTodo, { data, loading, error }] = useMutation(ADD_TODO, {
  refetchQueries: [
    {query: GET_POST}, // DocumentNode object parsed with gql
    'GetComments' // Query name
  ],
});

3 Replies

xenial-black•3y ago

Yes it's possible: - https://tanstack.com/query/v4/docs/react/guides/invalidations-from-mutations - https://tanstack.com/query/v4/docs/react/guides/updates-from-mutation-responses

quickest-silverOP•3y ago

Thank you! I've been searching for it

generous-apricot•3y ago

More great info https://tkdodo.eu/blog/mastering-mutations-in-react-query

Mastering Mutations in React Query

Learn all about the concept of performing side effects on the server with React Query.

Gaming

Programming

Is there a way to update a query cache after a mutation?

Did you find this page helpful?