Acontece que o getStaticProps
por mais que consiga as informações de modo estático, quando há o building da página, ele vai tentar gerar a página estática, mas dentro da página o conteúdo ainda é undefined.
getStaticProps
não consegue gerar a página estática pois as informações que ele contém é renderizada antes de window
ser definido. Então toda vez que ele tentar gerar no building(que de fato ele só funciona no building) ele vai retornar "undefined".
Uma solução que você pode fazer é tentar apurar essa informação e só utilizar ela se typeof window != "undefined"
, ou melhor, usando a "?".
a "?" faz o seguinte:
suponhamos que existe um objeto "pessoa".
pessoa.cpf // undefined
pessoa?.cpf // cpf
isso funciona, pois a "?" apura a informação e só exibe se ela existir.