Fix issue deleting transactions

Fixes an issue where deleting a transaction on the transaction history screen would cause the application to freeze.

src/contexts/budget/hooks/useTransactionState.ts

@@ -1,3 +1,4 @@
+
 import { useState, useEffect, useCallback } from 'react';
 import { Transaction } from '../types';
 import { 
@@ -11,6 +12,7 @@ import { toast } from '@/hooks/useToast.wrapper'; // 래퍼 사용
 export const useTransactionState = () => {
   const [transactions, setTransactions] = useState<Transaction[]>([]);
   const [lastDeletedId, setLastDeletedId] = useState<string | null>(null);
+  const [isDeleting, setIsDeleting] = useState(false);
 
   // 초기 트랜잭션 로드 및 이벤트 리스너 설정
   useEffect(() => {
@@ -72,9 +74,15 @@ export const useTransactionState = () => {
     });
   }, []);
 
-  // 트랜잭션 삭제 함수
+  // 트랜잭션 삭제 함수 - 안정성 개선
   const deleteTransaction = useCallback((transactionId: string) => {
-    console.log('트랜잭션 삭제:', transactionId);
+    // 이미 삭제 중이면 중복 삭제 방지
+    if (isDeleting) {
+      console.log('이미 삭제 작업이 진행 중입니다.');
+      return;
+    }
+    
+    console.log('트랜잭션 삭제 시작:', transactionId);
     
     // 중복 삭제 방지
     if (lastDeletedId === transactionId) {
@@ -82,24 +90,50 @@ export const useTransactionState = () => {
       return;
     }
     
+    setIsDeleting(true);
     setLastDeletedId(transactionId);
     
-    setTransactions(prev => {
-      const updated = prev.filter(transaction => transaction.id !== transactionId);
-      saveTransactionsToStorage(updated);
-      
-      // 토스트는 한 번만 호출
-      toast({
-        title: "지출이 삭제되었습니다",
-        description: "지출 항목이 성공적으로 삭제되었습니다.",
+    try {
+      setTransactions(prev => {
+        // 기존 트랜잭션 목록 백업 (문제 발생 시 복원용)
+        const originalTransactions = [...prev];
+        
+        // 삭제할 항목 필터링
+        const updated = prev.filter(transaction => transaction.id !== transactionId);
+        
+        // 항목이 실제로 삭제되었는지 확인
+        if (updated.length === originalTransactions.length) {
+          console.log('삭제할 트랜잭션을 찾을 수 없음:', transactionId);
+          setIsDeleting(false);
+          return originalTransactions;
+        }
+        
+        // 저장소에 업데이트된 목록 저장
+        saveTransactionsToStorage(updated);
+        
+        // 토스트 메시지 표시
+        toast({
+          title: "지출이 삭제되었습니다",
+          description: "지출 항목이 성공적으로 삭제되었습니다.",
+        });
+        
+        return updated;
       });
-      
-      return updated;
-    });
-    
-    // 5초 후 lastDeletedId 초기화
-    setTimeout(() => setLastDeletedId(null), 5000);
-  }, [lastDeletedId]);
+    } catch (error) {
+      console.error('트랜잭션 삭제 중 오류 발생:', error);
+      toast({
+        title: "삭제 실패",
+        description: "지출 항목 삭제 중 오류가 발생했습니다.",
+        variant: "destructive"
+      });
+    } finally {
+      // 삭제 상태 초기화 (1초 후)
+      setTimeout(() => {
+        setIsDeleting(false);
+        setLastDeletedId(null);
+      }, 1000);
+    }
+  }, [lastDeletedId, isDeleting]);
 
   // 트랜잭션 초기화 함수
   const resetTransactions = useCallback(() => {