如何处理浏览器扩展引起的水合错误

Question

作为一个NextJS新手，我想问一下如何处理浏览器扩展引起的水合错误。

如果我禁用所有浏览器扩展或使用隐身模式，我的应用程序工作正常 - 控制台上没有错误。然而，使用普通的 Chrome 浏览器窗口时，控制台充满了由 LastPass、Grammarly 和/或其他一些扩展程序引起的错误。

错误信息是：

Uncaught Error: Hydration failed because the initial UI does not match what was rendered on the server.

问题是，扩展在 HTML 代码中添加了一些额外的标签、属性，因此它确实不匹配。

在现实生活中，我不能要求用户禁用扩展或使用隐身模式。

那么我应该如何处理此类错误呢？

我使用 React 18.2 和 NextJS 13.2