Как реализовать facebook-SDK для Гэтсби

Question

Я пытаюсь вытащить фотографии со страницы Facebook и разместить их на своем веб-сайте gatsby, но у меня возникают проблемы с интеграцией Facebook SDK, поэтому я могу использовать Graph API для сбора нужных мне данных.Я попытался просто получить URL-адрес фотографий и использовал их в тегах img, но фотографии исчезают, когда я обновляю страницу.

Я использовал axios для получения данных

getFacebookAPI = () => {
let imgArray = []
  axios.get('https://graph.facebook.com/v2.7/me?fields=id,albums{photos{images}}&access_token=exampletoken')
      .then(response => {
          console.log(response)
          console.log(response.data.albums.data[0].photos.data)
          response.data.albums.data[0].photos.data.map(info => 
            imgArray.push(info.images[0].source)
          )
      })
  return imgArray.map(info => <img src={info} alt="facebook" />)
}