如何在 TRPC 中使查询无效并获取最新数据？

Question

I am simply trying to get latest data from the server after performing a mutation. My code looks something like this:

  const utils = trpc.useContext()
  const markAsUnreadMutation = trpc.useMutation(['update-mark-as-unread'], {
    onSuccess() {
      utils.invalidateQueries() //THIS IS NOT WORKING!
    },
    onError(data) {
      toast({
        type: 'error',
        message: data.message,
      })
    },
  })

  function markAsUnread(isUnread: boolean) {
    markAsUnreadMutation.mutate({
      id: parseInt(channel.id),
      markAsUnread: isUnread,
    })
  }

Answer 1

If you are using TRPC v10, you can do something like this:

utils.your.route.invalidate()