Executando verificação de segurança...
0

SOLUÇÃO

Resolvi meu problema chamando as Imagens com o operador lógio "?"

ANTES:

<Image 
    src={images.profile}
    ...
/>

DEPOIS:

<Image 
    src={images?.profile}
    ...
/>
Carregando publicação patrocinada...
2

Aqui estou enfrentando o mesmo problema, e estou utilizando o "?" para resolve-lo porém ainda gostaria de saber porque acontece. Como as paginas são estáticas não deveria ocorrer esse problema, porque os dados já disponiveis para ser populados. Mas fica ai a duvida se alguem souber...

1

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.