离线突变后 Apollo useQuery 陷入 loading = true 状态

Question

16m 我正在尝试使用 Apollo 完成一个强大的离线 React、PWA。

我有一个使用 useQuery 来检索项目列表的功能组件。它使用默认的 fetchPolicy。当该组件呈现时，它成功检索数据。如果我在线或离线，它就可以正常工作。

如果我处于离线状态并且调用 useMutation 来创建新项目，则列表会正确更新，因为我使用的是 optimisticResponse 和突变的更新功能。

当我离开列表组件，使其不再呈现，然后返回时，就会出现问题。返回后，列出所有项目的功能组件将再次呈现，由于我调用了突变，它陷入了 loading=true 状态。一直以来，该应用程序仍处于离线状态。在此加载状态下，我尝试在离线状态下创建另一个项目。在这种情况下，该列表永远不会乐观地更新。

我需要做什么才能让它发挥作用？我将其打造为离线优先应用程序的基本方法是否存在根本缺陷？

以下是产生问题的步骤的摘要。

• 功能组件执行查询并检索项目列表并毫无问题地呈现它们。
• 将应用程序置于离线状态。
• 当列表组件仍然呈现时，调用突变以在离线状态下创建新项目。
• 乐观地更新 UI（通过更新缓存）不会出现任何问题。
• 离开列表组件。
• 导航回列表组件（强制重新渲染整个列表组件）
• 列表组件 useQuery/loading 值停留在 true 状态。
• 尝试以与以前相同的方式创建另一个项目。
• 名单更新情况并不乐观。

我似乎无法弄清楚这一点。