From 5e6bda76afa532edb92e0043521e99d551b57282 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 04:18:51 +0000
Subject: [PATCH] Fix: Resolve variable hoisting issue

Move the formatWithCommas function definition before its usage to fix the TypeScript error TS2448.
---
 src/components/TransactionEditDialog.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/TransactionEditDialog.tsx b/src/components/TransactionEditDialog.tsx
index 8309f47..a185d0b 100644
--- a/src/components/TransactionEditDialog.tsx
+++ b/src/components/TransactionEditDialog.tsx
@@ -24,6 +24,12 @@ const formSchema = z.object({
   category: z.enum(['식비', '생활비', '교통비']),
 });
 
+// Function to format number with commas
+const formatWithCommas = (value: string) => {
+  const numericValue = value.replace(/[^0-9]/g, '');
+  return numericValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+};
+
 interface TransactionEditDialogProps {
   transaction: Transaction;
   open: boolean;
@@ -60,12 +66,6 @@ const TransactionEditDialog: React.FC<TransactionEditDialogProps> = ({
     onOpenChange(false);
   };
 
-  // Function to format number with commas
-  const formatWithCommas = (value: string) => {
-    const numericValue = value.replace(/[^0-9]/g, '');
-    return numericValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-  };
-
   const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const formattedValue = formatWithCommas(e.target.value);
     form.setValue('amount', formattedValue);