From c46163f5255525206648310ee76b913ae69ba844 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Fri, 14 Jun 2024 23:08:23 +0900
Subject: [PATCH] fix: solve eslint errors

---
 packages/react/components/Toast.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/react/components/Toast.tsx b/packages/react/components/Toast.tsx
index 92e292a..3a1063f 100644
--- a/packages/react/components/Toast.tsx
+++ b/packages/react/components/Toast.tsx
@@ -51,7 +51,7 @@ interface ToastBody extends Omit<VariantProps<typeof toastVariant>, "preset"> {
 }
 
 let index = 0;
-let toasts: Record<
+const toasts: Record<
   `${number}`,
   ToastBody & Partial<ToastOption> & { subscribers: (() => void)[] }
 > = {};
@@ -161,7 +161,7 @@ const ToastTemplate = ({
     subscribeSingle(id)(() => {
       setToast(getSingleSnapshot(id)());
     });
-  }, []);
+  }, [id]);
 
   const toastData = {
     ...globalOption,
@@ -225,7 +225,7 @@ const ToastTemplate = ({
       }, calculatedTransitionDuration);
       return () => clearTimeout(timeout);
     }
-  }, [toastData.life, toastData.closeTimeout, toastData.closeButton]);
+  }, [id, toastData.life, toastData.closeTimeout, toastData.closeButton]);
 
   return (
     <div
@@ -280,10 +280,9 @@ const Toaster = React.forwardRef<HTMLDivElement, ToasterProps>((props, ref) => {
   const internalRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
-    const unsubscribe = subscribe(() => {
+    return subscribe(() => {
       setToastList(getSnapshot());
     });
-    return unsubscribe;
   }, []);
 
   const option = React.useMemo(() => {