使用nextjs和react-jss时className不匹配

时间:2020-04-25 07:49:25

标签: reactjs next.js jss

我正在将nextjs与typescript和react-jss一起使用。我收到错误消息:

Warning: Prop `className` did not match. Server: "mobileNavToggle-0-2-10" Client: "mobileNavToggle-0-2-2"

我认为这是由于SSR和水合产生不同的类名引起的。这似乎仅在我手动重新加载页面时发生,而在下一次自动重新加载页面时则不会发生。我该如何解决?

1 个答案:

答案 0 :(得分:0)

我解决了添加_document.js示例中的with-react-jss的问题:

https://github.com/vercel/next.js/blob/master/examples/with-react-jss/pages/_document.js