Tema escuro no SSR

[iquabius]

O tema claro/escuro só é buscado do cookie no frontend. Quando o tema é escuro o SSR renderiza o tema claro e só depois da primeira renderização no navegador que ele troca p/ escuro.

Isso acontece porque o useEffect() em ThemeContext não é executado no SSR.

Para resolver isso precisamos transformar o ThemeProvider numa classe e usar o constructor, como era feito em _app.tsx antes de #287. Ou voltar a lógica toda p/ _app.tsx.

gatsbyjs/gatsby#13947

• The Perfect Dark Mode — Sreetam Das