From ab6bf7ffef9ed36275a4c621cb9d16950b0bc0b6 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Thu, 22 Feb 2024 01:10:01 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20use=20the=20right=20metho?=
 =?UTF-8?q?d=20of=20`useCallback?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/InlineNotification/InlineNotification.tsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx b/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx
index 573d9d12..b3b2845c 100644
--- a/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx
+++ b/packages/frontend/src/components/shared/InlineNotification/InlineNotification.tsx
@@ -54,11 +54,11 @@ export const InlineNotification = ({
   const renderIcon = useCallback(() => {
     if (!icon) return <InfoSquareIcon className={iconClass()} />;
     return cloneIcon(icon, { className: iconClass() });
-  }, [icon])();
+  }, [icon]);
 
   return (
     <div {...props} className={wrapper({ className })}>
-      {renderIcon}
+      {renderIcon()}
       <div className={content()}>
         <p className={titleClass()}>{title}</p>
         {description && <p className={descriptionClass()}>{description}</p>}