React Image Magnify plugin for shopify product gallery

const imageGallery = => (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

I am building gatsby shopify store and using plugin for product image gallery.