className не совпало при использовании nextjs и response-jss

Я использую nextjs с typescript и react-jss. Я получаю сообщение об ошибке:

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

Я думаю, это вызвано тем, что SSR и гидратация производят разные имена классов. Это происходит только тогда, когда я перезагружаю страницу вручную, а не при следующей автоматической перезагрузке страницы. Как я могу это исправить?


person Dextication    schedule 25.04.2020    source источник


Ответы (1)


Я исправил эту проблему, добавив _document.js, как в примере with-react-jss:

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

person Pedro L.    schedule 04.07.2020