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

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

diff --git a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
index 001ac32b..d780640f 100644
--- a/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
+++ b/packages/frontend/src/components/shared/Toast/SimpleToast.tsx
@@ -47,9 +47,9 @@ export const SimpleToast = ({
     return <LoadingIcon />; // variant === 'loading'
   }, [variant]);
 
-  const renderCta = useMemo(
-    () =>
-      hasCta ? (
+  const renderCta = useMemo(() => {
+    if (!hasCta) return null;
+    return (
         <div className="flex gap-1.5 ml-2">
           {cta.map(({ buttonLabel, ...props }, index) => (
             <Button key={index} {...props}>
@@ -57,9 +57,8 @@ export const SimpleToast = ({
             </Button>
           ))}
         </div>
-      ) : null,
-    [cta],
   );
+  }, [cta]);
 
   const renderCloseButton = useMemo(
     () => (