ESLint 警告 React Query 突变必须包含在依赖数组中

ESLint warns React Query mutation must be included in dependency array

我正在使用 react-query 库，但收到 ESLint useEffect dependency 警告。我的代码是这样的：

const postProductMutation = useMutation(...);

useEffect(() => {
    postProductMutation.mutateAsync()
}, [])

现在，正如 ESLint 所说，我应该将 postProductMutation 放入依赖数组中。但如果我这样做，我将创建一个无限循环。有什么解决办法吗？

您应该破坏从 useMutation 返回的值并将其包含在依赖项数组中。

  const { mutateAsync } = useMutation(...);

  useEffect(() => {
    mutateAsync();
  }, [mutateAsync]);