fix: 토스트 삭제 id 추가

DDD-Community · Feb 3, 2024 · 8102886 · 8102886
1 parent 95875a9
commit 8102886
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/hooks/useToast.ts b/src/hooks/useToast.ts
@@ -5,7 +5,7 @@ import { v4 as uuid } from 'uuid';
 
 const useToast: () => {
   showToast: (message: string, type: ToastType) => void;
-  hideToast: () => void;
+  hideToast: (id: string) => void;
 } = () => {
   const [, setToast] = useRecoilState(toastState);
 
@@ -26,11 +26,13 @@ const useToast: () => {
     }, 2000);
   };
 
+  const hideToast: (id: string) => void = (id) => {
+    setToast((prev) => (prev.id === id ? { ...prev, isOpen: false } : prev));
+  };
+
   return {
     showToast,
-    hideToast: () => {
-      setToast((prevToast) => ({ ...prevToast, isOpen: false }));
-    },
+    hideToast,
   };
 };