Next.JS + Sanity.包括时间戳时出现水合错误

Question

有人知道答案吗?每当我包含从Sanity获取的时间戳时，我都会收到一个水合错误。这是它在页面上的表达方式。

<p className="font-extralight text-sm">
Post by <span className="text-blue-500">{post.author.name}</span>{" "}
Published at {new Date(post._createdAt).toLocaleString()}
</p>

页面似乎呈现良好，但水合错误是恼人的。去掉这条线就去掉了水合误差。如果有帮助的话，我也在这个应用程序上使用SSR和ISR。

Answer 1

只需将suppressHydrationWarning属性添加到渲染可能产生不匹配的元素中，例如您的案例中的日期。

它只作用于一层深度。不要过度使用它，它的目的是作为一个逃生舱口。

更多文档