From cbcf53c43037f46aad91271d99ad96de1bbceb02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juli=C3=A1n=20Benegas?= <julianbenegas99@gmail.com>
Date: Fri, 23 Oct 2020 17:09:28 -0300
Subject: [PATCH] fix keen slider

---
 .../product/ProductSlider/ProductSlider.tsx   |  1 -
 .../product/ProductView/ProductView.tsx       | 21 ++++++++++---------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/product/ProductSlider/ProductSlider.tsx b/components/product/ProductSlider/ProductSlider.tsx
index d22b58f83..15c43e8c8 100644
--- a/components/product/ProductSlider/ProductSlider.tsx
+++ b/components/product/ProductSlider/ProductSlider.tsx
@@ -1,5 +1,4 @@
 import { useKeenSlider } from 'keen-slider/react'
-import Image from 'next/image'
 import React, { Children, FC, isValidElement, useState } from 'react'
 import cn from 'classnames'
 
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index b5565380c..794bfebf1 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -1,4 +1,4 @@
-import { FC, useState, useEffect } from 'react'
+import { FC, useState } from 'react'
 import cn from 'classnames'
 import Image from 'next/image'
 import { NextSeo } from 'next-seo'
@@ -77,15 +77,16 @@ const ProductView: FC<Props> = ({ product, className }) => {
           <div className={s.sliderContainer}>
             <ProductSlider>
               {product.images.edges?.map((image, i) => (
-                <Image
-                  className={s.img}
-                  key={image?.node.urlXL}
-                  src={image?.node.urlXL!}
-                  width={1050}
-                  height={1050}
-                  priority={i === 0}
-                  quality="90"
-                />
+                <div key={image?.node.urlXL}>
+                  <Image
+                    className={s.img}
+                    src={image?.node.urlXL!}
+                    width={1050}
+                    height={1050}
+                    priority={i === 0}
+                    quality="90"
+                  />
+                </div>
               ))}
             </ProductSlider>
           </div>