SOLUÇÃO
Resolvi meu problema chamando as Imagens com o operador lógio "?"
ANTES:
<Image
src={images.profile}
...
/>
DEPOIS:
<Image
src={images?.profile}
...
/>
Resolvi meu problema chamando as Imagens com o operador lógio "?"
ANTES:
<Image
src={images.profile}
...
/>
DEPOIS:
<Image
src={images?.profile}
...
/>
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...
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.