diff --git a/resources/js/components/dialogs/delete-confirm-dialog.tsx b/resources/js/components/dialogs/delete-confirm-dialog.tsx
index 945d01e..82fa73d 100644
--- a/resources/js/components/dialogs/delete-confirm-dialog.tsx
+++ b/resources/js/components/dialogs/delete-confirm-dialog.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { ConfirmDialog } from '@/components/dialogs';
 
 type DeleteConfirmDialogProps<T> = {
@@ -22,6 +22,10 @@ export function DeleteConfirmDialog<T>({
 }: DeleteConfirmDialogProps<T>) {
     const [loading, setLoading] = useState(false);
 
+    useEffect(() => {
+        setLoading(false);
+    }, [target]);
+
     function handleConfirm() {
         setLoading(true);
         onConfirm();