From 2eff95908e77059f3e2deea6ac2dc470bf77a6cd Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 07:14:12 +0000
Subject: [PATCH] Fix: Ensure BudgetProvider usage

The `useBudget` hook was being called outside of the `BudgetProvider` context in the `Index` component. This commit ensures that the `Index` component and its children are wrapped with the `BudgetProvider` in `App.tsx` to resolve the error.
---
 src/App.tsx                                      | 2 +-
 src/components/transaction/useTransactionEdit.ts | 2 +-
 src/contexts/budget/BudgetContext.tsx            | 3 ++-
 src/contexts/budget/index.ts                     | 3 +--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0c4b315..31d9967 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,7 +15,7 @@ import HelpSupport from './pages/HelpSupport';
 import Analytics from './pages/Analytics';
 import Transactions from './pages/Transactions';
 import { AuthProvider } from './contexts/auth';
-import { BudgetProvider } from './contexts/budget';
+import { BudgetProvider } from './contexts/BudgetContext';
 import { Toaster } from '@/components/ui/toaster';
 import { Toaster as SonnerToaster} from '@/components/ui/sonner';
 import SafeAreaContainer from './components/SafeAreaContainer';
diff --git a/src/components/transaction/useTransactionEdit.ts b/src/components/transaction/useTransactionEdit.ts
index 0353ade..bdc89c3 100644
--- a/src/components/transaction/useTransactionEdit.ts
+++ b/src/components/transaction/useTransactionEdit.ts
@@ -2,7 +2,7 @@
 import { useState, useRef, useEffect } from 'react';
 import { UseFormReturn, useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Transaction } from '@/components/TransactionCard';
+import { Transaction } from '@/contexts/budget/types';
 import { useBudget } from '@/contexts/BudgetContext';
 import { toast } from '@/components/ui/use-toast';
 import { TransactionFormValues, transactionFormSchema, formatWithCommas } from './TransactionFormFields';
diff --git a/src/contexts/budget/BudgetContext.tsx b/src/contexts/budget/BudgetContext.tsx
index 440ea3e..e9f53cb 100644
--- a/src/contexts/budget/BudgetContext.tsx
+++ b/src/contexts/budget/BudgetContext.tsx
@@ -20,4 +20,5 @@ export { useBudget } from './useBudget';
 export type { BudgetContextType } from './useBudget';
 
 // types.ts에서 타입들을 export
-export { BudgetPeriod, Transaction } from './types';
+export { BudgetPeriod } from './types';
+export type { Transaction } from './types';
diff --git a/src/contexts/budget/index.ts b/src/contexts/budget/index.ts
index 4c7f26e..088ce82 100644
--- a/src/contexts/budget/index.ts
+++ b/src/contexts/budget/index.ts
@@ -3,8 +3,7 @@ export * from './BudgetContext';
 export * from './budgetUtils';
 export * from './storageUtils';
 
-// types.ts에서 BudgetPeriod와 다른 타입들을 내보내지만,
-// BudgetContextType은 이미 BudgetContext에서 내보내고 있으므로 제외
+// types.ts에서 타입들을 내보냅니다
 export type { 
   BudgetPeriod, 
   BudgetPeriodData,