From 868d6b6b97bd02c72a95bcbc84cdc36379835032 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Artur=20Magalh=C3=A3es?= <nezkal@gmail.com>
Date: Fri, 6 Dec 2024 15:04:23 -0300
Subject: [PATCH] bug fixes: fixing

---
 react/components/LazyImages.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/react/components/LazyImages.tsx b/react/components/LazyImages.tsx
index 4a956efa..39173986 100644
--- a/react/components/LazyImages.tsx
+++ b/react/components/LazyImages.tsx
@@ -65,18 +65,21 @@ const MaybeLazyImage: FC<MaybeLazyImageProps> = ({
         /** adds `lazyload` class to enable lazysizes, and moves the image URI
          * from src to data-src. `styles.lazyload` is used to hide the "broken image"
          * symbol while the image hasn't been loaded */
-        newImageProps = {
-          ...imageProps,
-          // explicity key because we need react to re-render the whole img element
-          // in case the src changes (i.e: product-summary + sku)
-          key: imageProps.src,
-          className: `lazyload ${imageProps.className ?? ''} ${
-            styles.lazyload
-          }`,
-          src: undefined,
-          'data-src': imageProps.src,
-          loading: newImageProps.loading ?? 'lazy',
+        if (newImageProps.loading !== 'eager') {
+          newImageProps = {
+            ...imageProps,
+            // explicity key because we need react to re-render the whole img element
+            // in case the src changes (i.e: product-summary + sku)
+            key: imageProps.src,
+            className: `lazyload ${imageProps.className ?? ''} ${
+              styles.lazyload
+            }`,
+            src: undefined,
+            'data-src': imageProps.src,
+            loading: 'lazy',
+          }
         }
+
         break
     }
     return createElement.apply(React, ['img', newImageProps])