Fix dependency array (#461)

* Fix dependency array * small twewaks
emilkowalski · Jun 25, 2024 · b4ffb60 · b4ffb60
1 parent 9c2591d
commit b4ffb60
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -397,7 +397,7 @@ const Toast = (props: ToastProps) => {
                   toastDescriptionClassname,
                   classNames?.description,
                   toast?.classNames?.description,
-			)}
+                )}
               >
                 {toast.description}
               </div>
@@ -534,16 +534,15 @@ const Toaster = (props: ToasterProps) => {
   const lastFocusedElementRef = React.useRef<HTMLElement>(null);
   const isFocusWithinRef = React.useRef(false);
 
-  const removeToast = React.useCallback(
-    (toastToRemove: ToastT) => {
+  const removeToast = React.useCallback((toastToRemove: ToastT) => {
+    setToasts((toasts) => {
       if (!toasts.find((toast) => toast.id === toastToRemove.id)?.delete) {
         ToastState.dismiss(toastToRemove.id);
       }
 
-      setToasts((toasts) => toasts.filter(({ id }) => id !== toastToRemove.id))
-    },
-    [toasts],
-  );
+      return toasts.filter(({ id }) => id !== toastToRemove.id);
+    });
+  }, []);
 
   React.useEffect(() => {
     return ToastState.subscribe((toast) => {