запрашивая полосу API и отображаемое изображение

Question

Я следовал учебному пособию для запроса Stripe API и отображения данных. Одна вещь, которая не упоминается, это то, как запрашивать изображения и отображать их. Из структуры видно, что свойство images есть, но мне нужна помощь для его отображения. Я предполагаю, что это должна быть та же логика, что и при отображении названия продукта, но мне просто нужно понять, чтобы следовать той же логике для изображений.

Вот мой запрос, я добавил опцию изображения в свой запрос:

и можете увидеть результат в GrapiQL:

Вот пример того, как я сопоставляю свои продуктыправильно отображать. Из того, что я понимаю, мне нужно сделать то же самое для изображения. Я следовал той же логике, просто заменив продукт изображением, но просто не могу заставить его работать. Вот фрагмент:

const Products = () => {
  return (<StaticQuery query={PRODUCTS_QUERY}
    render={
      ({ allStripeSku, allStripeProduct }) => {

        return allStripeProduct.edges.map(product => {
          const skus = allStripeSku.edges.filter(
            sku => sku.node.product.id === product.node.id
          )
          return (
            <Product
              key={product.node.id}
              skus={skus}
              product={product.node} />
          )
        })
        return
      }
    }
  />)
}

Может кто-нибудь, пожалуйста, направить меня в правильном направлении, чтобы я мог заставить это работать?