diff --git a/components/product/ProductSlider/ProductSlider.tsx b/components/product/ProductSlider/ProductSlider.tsx
index 02244f5ba..8714868bd 100644
--- a/components/product/ProductSlider/ProductSlider.tsx
+++ b/components/product/ProductSlider/ProductSlider.tsx
@@ -1,4 +1,5 @@
-import { useKeenSlider } from 'keen-slider/react'
+import keenSlider from 'keen-slider/react'
+const { useKeenSlider } = keenSlider
 import React, {
   Children,
   FC,