Delete mutation doesn't update UI

Get Help and Help Others
1

The data is refetched (I see graphql request in devtools networks with the updated data) but the UI is not updated

  const [deleteOrder] = useMutation(DELETE_ORDER_MUTATION, {
    onCompleted: () => {
      toast.success('Order deleted')
    },
    onError: (error) => {
      toast.error(error.message)
    },
    refetchQueries: [{ query: QUERY }], // QUERY from Cell component
    awaitRefetchQueries: true,
  })

Other mutations (at least update mutation) do work.

upd passing query name "FindOrders" instead of query object { query: QUERY } does update the UI :thinking:

2

Hi. We already chatted re this question in Discord.

I suggest passing the variables in the refetchQueries per:

image
image744×258 32.7 KB

and seeing if that helps.

3

what variables do I pass?

upd thank you @dthyresson, I understand the issue now. Passing variables does indeed solve the problem.

1 Like
4

Great! Good to know.