title: Best way to implement image enlargement on Thumbnails on Product Pages in Gatsby
body: <ol>
  <li>List item</li>
  </ol>
  
  <p>My product thumbnails don't enlarge on click using gatsby-remark-images-medium-zoom@1.2.1 or gatsby-remark-images-zoom</p>
  
  <p>Followed readme on both and declared plugins in gatsby-config, also tried experimenting with option configurations. To see what I mean here's an example: <a href="https://store.shaka-surf.com/products/eco-medium-g5-surf-fins" rel="nofollow noreferrer">https://store.shaka-surf.com/products/eco-medium-g5-surf-fins</a></p>
  
  <pre><code>   import React from 'react'
     import Img from 'gatsby-image'
     import { graphql, useStaticQuery } from 'gatsby'
  
     export default function Thumbnails({ src }) { 
     const { allMoltinProduct } = useStaticQuery(graphql`
       query allMoltinProductsQuery {
       allMoltinProduct {
         nodes {
           id
           images {
             childImageSharp {
              sizes(sizes: "max-width: 801px) 100vw, 801px") {
                srcSet
                sizes
         }
        } 
      }
     }
   }
   }
  `)
  
   return (
     &lt;div className="thumbnail-container"&gt;
       {allMoltinProduct.nodes.map(product =&gt; (
        &lt;React.Fragment key={product.id}&gt;
          {product.images.map((image, index) =&gt; (
            &lt;ul className="thumbnail-list"&gt;
            &lt;li key={`image-${index}`} style={{display: 'inline-block', float: 
   'none', color: '#F2F4F5', width: '44px', height: '44px'}}&gt;
            &lt;Img fluid={image.childImageSharp.fluid.src} 
            /&gt;
            &lt;img sizes={image.childImageSharp.sizes.sizes} src= 
   {image.childImageSharp.fluid.src}  srcSet= 
   {image.childImageSharp.sizes.srcSet} className="thumbnail-image medium-zoom- image" loading="lazy" alt={product.name} /&gt;
            &gt;
            &lt;/li&gt;
            &lt;/ul&gt;
          ))}
        &lt;/React.Fragment&gt;
        ))} 
    &lt;/div&gt;
   )
   }
  </code></pre>
  
  <p>Would like the product thumbnails to enlarge.</p>