From 9b214f3a12ce54cd4ddce5ace99f42b529c391ac Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Tue, 4 Mar 2025 15:01:24 +0700
Subject: [PATCH] fix: update ImageBetter component to handle src changes with
 useEffect for improved image rendering

---
 components/ui/Image.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/ui/Image.tsx b/components/ui/Image.tsx
index 0ab2c4e..c70314d 100644
--- a/components/ui/Image.tsx
+++ b/components/ui/Image.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 interface ImageWithFallbackProps {
   src: string;
@@ -15,6 +15,11 @@ const ImageBetter = ({
 }: ImageWithFallbackProps) => {
   const [imageSrc, setImageSrc] = useState(src);
 
+  // Menangani perubahan `src` agar selalu diperbarui ke `imageSrc`
+  useEffect(() => {
+    setImageSrc(src);
+  }, [src]);
+
   return (
     <img
       src={imageSrc}