From c8a153ad279271583b3f6288d72d11bd1f219098 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Thu, 22 Feb 2024 14:20:26 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20usememo=20dependencies?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/shared/Toast/SimpleToast.tsx   | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
index b3bafc21..405cff0d 100644
--- a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
+++ b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
@@ -58,13 +58,16 @@ export const SimpleToast = ({
           ))}
         </div>
       ) : null,
-    [],
+    [cta],
   );
 
-  const renderCloseButton = () => (
-    <div onClick={() => onDismiss(props.id)} className={closeIconCls()}>
-      <CrossIcon className="h-3 w-3" />
-    </div>
+  const renderCloseButton = useMemo(
+    () => (
+      <div onClick={() => onDismiss(props.id)} className={closeIconCls()}>
+        <CrossIcon className="h-3 w-3" />
+      </div>
+    ),
+    [],
   );
 
   return (
@@ -75,7 +78,7 @@ export const SimpleToast = ({
           <p className={titleCls()}>{title}</p>
         </ToastPrimitive.Title>
         {renderCta}
-        {renderCloseButton()}
+        {renderCloseButton}
       </div>
     </ToastPrimitive.Root>
   );