React Image Magnify plugin for shopify product gallery

const imageGallery = product.images.map(image => (image.localFile.childImageSharp.original.src))

<ReactImageMagnify {...{
    smallImage: {
        alt: 'Wristwatch by Ted Baker London',
        isFluidWidth: true,
        src: imageGallery,
    },
    largeImage: {
        src: imageGallery,
        width: 1200,
        height: 1800
    }
}} />

This code lists only the first image of the Shopify product, any advice on how can I show all the images related to the product. The full code is here http://prnt.sc/rrerng

I am building gatsby shopify store and using https://www.npmjs.com/package/react-image-magnify plugin for product image gallery.