1. Home
  2. Articles
  3. 👨🏻‍💻 Mengatasi error pada komponen <GatsbyImage />

👨🏻‍💻 Mengatasi error pada komponen <GatsbyImage />

Failed prop type: The prop `src` is marked as required in `U`, but its value is `undefined`.

Lihat query yang akan dijalankan. Misalnya seperti ini:

query ShotsList {
  allContentfulShots(
   sort: { createdAt: DESC }
  ) {
  nodes {
   id
   title
   thumbnail {
     gatsbyImageData(formats: WEBP)
   }
   slug
  }
 }
}

ubah query bagian thumbnail menjadi

query ShotsList {
 allContentfulShots(
  sort: { createdAt: DESC }
 ) {
  nodes {
   id
   title
   thumbnail {
    ... on ContentfulAsset {
      contentful_id
      gatsbyImageData
      title
      __typename
    }
   }
   slug
  }
 }
}

lalu sesuaikan kebutuhan seperti menambahkan title atau description.

Perubahan query tersebut hanya berlaku jika menggunakan Contentful

🌐 ryanuiux.com