Olá, Renata! Tudo bem?
Esse problema está relacionado à política de segurança dessas redes sociais, que não permitem que as imagens sejam carregadas diretamente em outros sites, observe que muitas das vezes essa url não tem um final png ou jpeg na sua extensão, sendo assim o navegador não consegue fazer a leitura delas. Isso acontece porque as redes sociais querem controlar o acesso às imagens e garantir a privacidade dos usuários.
Uma solução para contornar esse problema é salvar as imagens em seu próprio servidor e carregá-las a partir dele. Dessa forma, você terá controle sobre as imagens e poderá exibi-las em seu projeto React, voce pode utilizar o imgur.
Por exemplo, você pode salvar as imagens do Facebook e Instagram em uma pasta específica em seu servidor e, em seguida, utilizar a URL dessas imagens para carregá-las em seu projeto React. Assim, você não precisará se preocupar com as restrições de segurança impostas pelas redes sociais.
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!