Merged in Feature/perf/product-detail (pull request #128)

Add unique timestamp on image component

1 files changed, 3 insertions, 1 deletions

diff --git a/src-migrate/components/ui/image.tsx b/src-migrate/components/ui/image.tsx
index c1dde170..a65d4ec7 100644
--- a/src-migrate/components/ui/image.tsx
+++ b/src-migrate/components/ui/image.tsx
@@ -11,6 +11,8 @@ const Image = (props: ImageProps) => {
   const { alt, src, className, rounded, ...rest } = props;
   const [isLoading, setLoading] = useState(true);
 
+  const uniqueTimestamp = new Date().getTime();
+
   return (
     <NextImage
       className={clsxm(
@@ -21,7 +23,7 @@ const Image = (props: ImageProps) => {
         rounded,
         className
       )}
-      src={src}
+      src={`${src}?v=${uniqueTimestamp}`}
       alt={alt}
       loading='lazy'
       quality={100}