React Query 在获取查询后执行突变

Question

假设我有一个查询 useFetchUser() 和一个突变 useMutateUser()。当我的组件呈现时，我想获取当前用户，然后在查询完成后执行更改。所以我有这样的事情：

   const {data} = useFetchUser()
   const {mutate} = useMutateUser()

   useEffect(() => {
      if(data) {
        mutate() 
     }
   }, [data, mutate])

现在，当我在网络选项卡中检查时，我看到突变开始时查询仍处于挂起状态。我做错了什么？