我試圖弄清楚如何使用 graphql 查詢將圖庫圖像映射到 Gatsby 中的燈箱組件中。我想我需要設置images = to the childimage sharp array，但我不知道如何構建它，不斷出現undefined錯誤。任何指示將不勝感激。如果需要更多信息，請告訴我。import React from "react"import { graphql, Link } from "gatsby"import Image from "gatsby-image"import ImageGallery from 'react-image-gallery';const ComponentName = ({ data }) => {  const {id, galleryImage} = data.home  console.log('data is', data)    const images = [];return (    <Layout>    <section className="template">    <ImageGallery items={images} />;    </section>    </Layout>    )}export const query = graphql`  query GetSingleHome($slug: String) {    home: strapiHomes(slug: { eq: $slug }) {    galleryImage {      formats {        large {          childImageSharp {            fluid {              ...GatsbyImageSharpFluid            }            id          }        }        small {          childImageSharp {            fluid {              ...GatsbyImageSharpFluid            }            id          }        }      }    }    MainImage {      childImageSharp {        fluid {          ...GatsbyImageSharpFluid        }      }    }    }  }`export default ComponentName這是畫廊組件，以防有幫助