linux-BR.org

Notícias de software livre e tecnologias

Mesmo que o componente do cliente não renderize nada no servidor ou uma mensagem de carregamento, está tudo bem.
Você só deseja que o componente não trava durante a renderização do servidor.Se você acertar uma “janela não estiver definida” ou um erro de “incompatibilidade de hidratação”, pode ter certeza de que um componente desagradável do navegador está envolvido de alguma forma.Portanto, para que nossos erros desapareçam, o objetivo é transformar os componentes do navegador em componentes do cliente que são seguros para pré -render no servidor.O componente NOSSR, construído no gancho usado:
Uso:
De maneira mais ampla, esse é o caso em que você deseja fazer modificações imperativas do DOM.Pior, o objeto da janela pode ser familiar para desenvolvedores intermediários/avançados, mas a “hidratação” é realmente um conceito complicado de reação, mesmo para programadores seniores.

Fonte: https://medium.com/@eric.burel/how-to-get-rid-of-window-is-not-defined-and-hydration-mismatch-errors-in-next-js-567cc51b4a17