Merge pull request #16 from stepan-twnty/fix/null_request

fix: resolve problem with null request on the first load
Mario-Duarte · May 16, 2024 · e247924 · e247924
2 parents 84c7f66 + 400ed43
commit e247924
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/react-image-zooom.js b/src/react-image-zooom.js
@@ -191,7 +191,7 @@ function ImageZoom({
         id={id}
         className={[figureClass, figureZoomed, className].join(" ")}
         style={{
-          backgroundImage: `url( ${zoomed === '0' ? imgData : ''} )`,
+          backgroundImage: `url( ${zoomed === '0' && imgData ? imgData : ''} )`,
           backgroundSize: zoom + "%",
           backgroundPosition: position,
         }}
@@ -202,14 +202,14 @@ function ImageZoom({
         onTouchMove={handleMove}
         onTouchEnd={handleLeave}
       >
-        <Img
+        {imgData && <Img
           id="imageZoom"
           src={imgData}
           alt={alt}
           style={{ opacity: zoomed }}
           width={width}
           height={height}
-        />
+        />}
       </Figure>
     );
   }