SOLUÇÃO
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".
```js
pessoa.cpf // undefined
pessoa?.cpf // cpf
```
isso funciona, pois a "?" apura a informação e só exibe se ela existir.