reactjs - 当函数依赖于它设置的值时，如何使用 useEffect 防止无限循环？

Question

我有一个 React 组件，它向后端发出请求以获取交易列表。涉及分页，因此有效负载将返回一个游标，可以在下次发出请求时使用。

useEffect((): void => {
  const { data } = await client.query({
    query: QueryTransactions,
    variables: {
      id: accountId,
      after: cursor
    }
  });

  setData(data.data)
  setCursor(data.nextCursor)
}, [accountId, cursor]);

我的问题是每次从后端收到有效负载时我都会设置光标，但该光标值位于挂钩依赖项中。这使得效果再次运行。

如何绕过这个无限循环？