From 2553aca4de4fc6058a75b426c9ed788cd212b13a Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Thu, 30 Oct 2025 10:19:25 +0900
Subject: [PATCH] =?UTF-8?q?[Object=20Object]=20=ED=91=9C=EC=8B=9C=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95:=20Intl.NumberFormat=20?=
 =?UTF-8?q?=EC=82=AC=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/info-wrap/title-info-wrap.tsx          |  4 ++--
 .../additional-service/ui/list-item.tsx       | 10 ++++-----
 .../home/ui/day-status-box-container1.tsx     |  6 ++---
 .../home/ui/day-status-box-container2.tsx     |  8 +++----
 .../ui/no-interest-info-bottom-sheet.tsx      |  2 +-
 .../ui/info-wrap/amount-info-wrap.tsx         | 22 +++++++++----------
 src/entities/settlement/ui/list-item.tsx      |  2 +-
 src/entities/settlement/ui/list-wrap.tsx      |  2 +-
 .../ui/list-detail-bottom-sheet.tsx           | 16 +++++++-------
 src/entities/vat-return/ui/list-item.tsx      |  2 +-
 .../vat-return/ui/section/amount-section.tsx  |  6 ++---
 .../additional-service/ars/detail-page.tsx    |  2 +-
 .../fund-account/result-detail-page.tsx       |  2 +-
 .../fund-account/transfer-detail-page.tsx     |  2 +-
 .../additional-service/payout/detail-page.tsx |  2 +-
 .../transaction/all-transaction/list-page.tsx |  2 +-
 .../transaction/cash-receipt/list-page.tsx    |  4 ++--
 17 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx b/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
index fd5b79a..ee8c4bb 100644
--- a/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
+++ b/src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
@@ -47,7 +47,7 @@ export const TitleInfoWrap = ({
         <>
           <div className="num-amount">
             <span className="amount-text">
-              {t('home.money', { value: <NumericFormat value={titleInfo?.amount} thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(titleInfo?.amount || 0) })}
             </span>
           </div>
           <div className="num-store">{titleInfo?.corpName}</div>
@@ -59,7 +59,7 @@ export const TitleInfoWrap = ({
         <>
           <div className="num-amount">
             <span className="amount-text">
-              {t('home.money', { value: <NumericFormat value={titleInfo?.amount} thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(titleInfo?.amount || 0) })}
             </span>
           </div>
           <div className="num-store">{titleInfo?.corpName}</div>
diff --git a/src/entities/additional-service/ui/list-item.tsx b/src/entities/additional-service/ui/list-item.tsx
index 0ea5979..0852721 100644
--- a/src/entities/additional-service/ui/list-item.tsx
+++ b/src/entities/additional-service/ui/list-item.tsx
@@ -557,7 +557,7 @@ export const ListItem = ({
     else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
       rs.push(
         <div className="transaction-amount">
-          {t('home.money', { value: <NumericFormat value={amount} thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );
     }
@@ -566,7 +566,7 @@ export const ListItem = ({
     ) {
       rs.push(
         <div className="transaction-amount">
-          {t('home.money', { value: <NumericFormat value={amount} thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );
     }
@@ -576,7 +576,7 @@ export const ListItem = ({
           key="payout-item-amount"
           className="transaction-amount"
         >
-          {t('home.money', { value: <NumericFormat value={amount} thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );
     }
@@ -588,7 +588,7 @@ export const ListItem = ({
           key="fund-account-transfer-amount"
           className="transaction-amount"
         >
-          {t('home.money', { value: <NumericFormat value={amount} thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );
     }
@@ -598,7 +598,7 @@ export const ListItem = ({
           key="payout-item-amount"
           className="transaction-amount"
         >
-          {t('home.money', { value: <NumericFormat value={amount} thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       );
     }
diff --git a/src/entities/home/ui/day-status-box-container1.tsx b/src/entities/home/ui/day-status-box-container1.tsx
index 0b7b0e2..b9ef7d6 100644
--- a/src/entities/home/ui/day-status-box-container1.tsx
+++ b/src/entities/home/ui/day-status-box-container1.tsx
@@ -71,7 +71,7 @@ export const BoxContainer1 = () => {
         <h3>{t('home.todaySales')}</h3>
         <div className="today-sales">
           <span className="won01">
-            {t('home.money', { value: <NumericFormat value={ sales?.todayTotalAmount } thousandSeparator displayType="text" /> })}
+            {t('home.money', { value: new Intl.NumberFormat('en-US').format(sales?.todayTotalAmount || 0) })}
           </span>
           <span className={ `per ${(increaseRate && increaseRate >= 0)? 'plus': 'minus'}` }>
             <NumericFormat
@@ -119,7 +119,7 @@ export const BoxContainer1 = () => {
         <h3>{t('home.todaySettlement')}</h3>
         <div className="today-sales">
           <span className="won02">
-            {t('home.money', { value: <NumericFormat value={ settlement?.todaySettlementAmount } thousandSeparator displayType="text" /> })}
+            {t('home.money', { value: new Intl.NumberFormat('en-US').format(settlement?.todaySettlementAmount || 0) })}
           </span>
           <span className="per">{t('home.depositCompleted')}</span>
           <a className="arrow">
@@ -150,7 +150,7 @@ export const BoxContainer1 = () => {
           <div className="remain-limit">
             <span>{t('home.remainingSettlementLimit')}</span>
             <strong style={{marginLeft: '4px'}}>
-              {t('home.money', { value: <NumericFormat value={ settlement?.availableCredit } thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(settlement?.availableCredit || 0) })}
             </strong>
           </div>
         </div>
diff --git a/src/entities/home/ui/day-status-box-container2.tsx b/src/entities/home/ui/day-status-box-container2.tsx
index 2202729..9a24894 100644
--- a/src/entities/home/ui/day-status-box-container2.tsx
+++ b/src/entities/home/ui/day-status-box-container2.tsx
@@ -112,7 +112,7 @@ export const BoxContainer2 = () => {
           <h4>{t('home.totalSales')}</h4>
           <div className="today-sales mt-sty">
             <span className="won01">
-              {t('home.money', { value: <NumericFormat value={ sales?.currentMonthAmount } thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(sales?.currentMonthAmount || 0) })}
             </span>
             <span className={ `per ${(salesIncrease && salesIncrease >= 0)? 'plus': 'minus'}` }>
               <NumericFormat
@@ -136,7 +136,7 @@ export const BoxContainer2 = () => {
           <h4>{t('home.totalSettlement')}</h4>
           <div className="today-sales mt-sty">
             <span className="won02">
-              {t('home.money', { value: <NumericFormat value={ settlement?.currentMonthSettlementAmount } thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(settlement?.currentMonthSettlementAmount || 0) })}
             </span>
             <span className={ `per ${(settlementIncrease && settlementIncrease >= 0)? 'plus': 'minus'}` }>
               <NumericFormat
@@ -166,7 +166,7 @@ export const BoxContainer2 = () => {
           <h4>{t('home.averageTransactionAmount')}</h4>
           <div className="two-account">
             <span>
-              {t('home.money', { value: <NumericFormat value={ averageTransactionAmount } thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(averageTransactionAmount || 0) })}
             </span>
           </div>
         </div>
@@ -174,7 +174,7 @@ export const BoxContainer2 = () => {
           <h4>{t('home.dailyAverageSalesAndCount')}</h4>
           <div className="two-account">
             <span>
-              {t('home.money', { value: <NumericFormat value={ dailyAverageSales } thousandSeparator displayType="text" /> })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(dailyAverageSales || 0) })}
               (<NumericFormat
                 value={ dailyAverageCount }
                 thousandSeparator
diff --git a/src/entities/payment/ui/no-interest-info-bottom-sheet.tsx b/src/entities/payment/ui/no-interest-info-bottom-sheet.tsx
index 7d1ab4e..991ae63 100644
--- a/src/entities/payment/ui/no-interest-info-bottom-sheet.tsx
+++ b/src/entities/payment/ui/no-interest-info-bottom-sheet.tsx
@@ -103,7 +103,7 @@ export const NoInterestInfoBottomSheet = ({
               <div className="desc dot">
                 <span>{t('payment.applicationAmount')} : </span>
                 <span>
-                  {t('home.money', { value: <NumericFormat value={ value.applicationAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(value.applicationAmount || 0) })}
                 </span>
               </div>
             </>
diff --git a/src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx b/src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx
index ba32867..0af3e0e 100644
--- a/src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx
+++ b/src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx
@@ -22,7 +22,7 @@ export const AmountInfoWrap = ({
             <li className="kv-row">
               <span className="k">{t('settlement.totalTransactionAmount')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.totalTransactionAmount } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.totalTransactionAmount || 0) })}
                 <NumericFormat
                   value={ amountInfo?.totalTransactionCount }
                   thousandSeparator
@@ -35,7 +35,7 @@ export const AmountInfoWrap = ({
                 <li>
                   <span>·&nbsp;&nbsp;{t('settlement.creditCard')}</span>
                   <span className="unset-child-span">
-                    {t('home.money', { value: <NumericFormat value={ amountInfo?.creditCardAmount } thousandSeparator displayType="text" /> })}
+                    {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.creditCardAmount || 0) })}
                     <NumericFormat
                       value={ amountInfo?.creditCardCount }
                       thousandSeparator
@@ -48,7 +48,7 @@ export const AmountInfoWrap = ({
                 <li>
                   <span>·&nbsp;&nbsp;{t('settlement.accountTransfer')}</span>
                   <span className="unset-child-span">
-                    {t('home.money', { value: <NumericFormat value={ amountInfo?.accountTransferAmount } thousandSeparator displayType="text" /> })}
+                    {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.accountTransferAmount || 0) })}
                     <NumericFormat
                       value={ amountInfo?.accountTransferCount }
                       thousandSeparator
@@ -159,49 +159,49 @@ export const AmountInfoWrap = ({
             <li className="kv-row">
               <span className="k">{t('settlement.transactionAmount')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.transactionAmount } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.transactionAmount || 0) })}
               </span>
             </li>
             <li className="kv-row">
               <span className="k">{t('settlement.paymentFee')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.paymentFee } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.paymentFee || 0) })}
               </span>
             </li>
             <li className="kv-row">
               <span className="k">{t('settlement.escrowFee')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.escrowFee } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.escrowFee || 0) })}
               </span>
             </li>
             <li className="kv-row">
               <span className="k">{t('settlement.authFee')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.authFee } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.authFee || 0) })}
               </span>
             </li>
             <li className="kv-row">
               <span className="k">VAT</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.vatFee } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.vatFee || 0) })}
               </span>
             </li>
             <li className="kv-row">
               <span className="k">{t('settlement.expectedSettlementAmount')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.settlementAmount } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.settlementAmount || 0) })}
               </span>
             </li>
             <li className="kv-row">
               <span className="k">{t('settlement.preSettlementCancelOffset')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.preSettlementCancelOffset } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.preSettlementCancelOffset || 0) })}
               </span>
             </li>
             <li className="kv-row bolder">
               <span className="k">{t('settlement.settlementAmount')}</span>
               <span className="v">
-                {t('home.money', { value: <NumericFormat value={ amountInfo?.finalSettlementAmount } thousandSeparator displayType="text" /> })}
+                {t('home.money', { value: new Intl.NumberFormat('en-US').format(amountInfo?.finalSettlementAmount || 0) })}
               </span>
             </li>
           </ul>
diff --git a/src/entities/settlement/ui/list-item.tsx b/src/entities/settlement/ui/list-item.tsx
index 72030f5..b1568f6 100644
--- a/src/entities/settlement/ui/list-item.tsx
+++ b/src/entities/settlement/ui/list-item.tsx
@@ -65,7 +65,7 @@ export const ListItem = ({
           }
         </div>
         <div className="transaction-amount">
-          {t('home.money', { value: <NumericFormat value={ settlementAmount || transactionAmount } thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(settlementAmount || transactionAmount || 0) })}
         </div>
       </div>
     </>
diff --git a/src/entities/settlement/ui/list-wrap.tsx b/src/entities/settlement/ui/list-wrap.tsx
index 471dee8..0f2b8cb 100644
--- a/src/entities/settlement/ui/list-wrap.tsx
+++ b/src/entities/settlement/ui/list-wrap.tsx
@@ -391,7 +391,7 @@ export const ListWrap = ({
         <div className="summary-label label">{t('settlement.settlementAmount')}</div>
         <div className="summary-amount divTop">
           <span className="amount-text">
-            {t('home.money', { value: <NumericFormat value={ settlementAmount } thousandSeparator displayType="text" /> })}
+            {t('home.money', { value: new Intl.NumberFormat('en-US').format(settlementAmount || 0) })}
           </span>
           <button
             onClick={ () => setIsOpenSummary(!isOpenSummary) }
diff --git a/src/entities/vat-return/ui/list-detail-bottom-sheet.tsx b/src/entities/vat-return/ui/list-detail-bottom-sheet.tsx
index 4ab827d..ab2acd5 100644
--- a/src/entities/vat-return/ui/list-detail-bottom-sheet.tsx
+++ b/src/entities/vat-return/ui/list-detail-bottom-sheet.tsx
@@ -69,25 +69,25 @@ export const VatReturnListDetailBottomSheet = ({
               <div className="row">
                 <div className="label desc dot">{t('vatReturn.transactionAmount')} :</div>
                 <div className="value">
-                  {t('home.money', { value: <NumericFormat value={ transactionAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(transactionAmount || 0) })}
                 </div>
               </div>
               <div className="row">
                 <div className="label desc dot">{t('vatReturn.supplyAmount')} :</div>
                 <div className="value">
-                  {t('home.money', { value: <NumericFormat value={ supplyAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(supplyAmount || 0) })}
                 </div>
               </div>
               <div className="row">
                 <div className="label desc dot">{t('vatReturn.vat')} :</div>
                 <div className="value">
-                  {t('home.money', { value: <NumericFormat value={ vatAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(vatAmount || 0) })}
                 </div>
               </div>
               <div className="row">
                 <div className="label desc dot">{t('vatReturn.totalAmount')} :</div>
                 <div className="value">
-                  {t('home.money', { value: <NumericFormat value={ totalAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(totalAmount || 0) })}
                 </div>
               </div>
             </div>
@@ -105,7 +105,7 @@ export const VatReturnListDetailBottomSheet = ({
                         <span className="date">{ value.transactionDate? moment(value.transactionDate).format('YYYY-MM-DD'): '' }</span>
                         <div className="amount">
                           <span className="text">
-                            {t('home.money', { value: <NumericFormat value={ value.totalAmount } thousandSeparator displayType="text" /> })}
+                            {t('home.money', { value: new Intl.NumberFormat('en-US').format(value.totalAmount || 0) })}
                           </span>
                           <img
                             className="arrow down"
@@ -124,13 +124,13 @@ export const VatReturnListDetailBottomSheet = ({
                             </div>
                             <div className="values">
                               <span>
-                                {t('home.money', { value: <NumericFormat value={ value.transactionAmount } thousandSeparator displayType="text" /> })}
+                                {t('home.money', { value: new Intl.NumberFormat('en-US').format(value.transactionAmount || 0) })}
                               </span>
                               <span>
-                                {t('home.money', { value: <NumericFormat value={ value.supplyAmount } thousandSeparator displayType="text" /> })}
+                                {t('home.money', { value: new Intl.NumberFormat('en-US').format(value.supplyAmount || 0) })}
                               </span>
                               <span>
-                                {t('home.money', { value: <NumericFormat value={ value.vatAmount } thousandSeparator displayType="text" /> })}
+                                {t('home.money', { value: new Intl.NumberFormat('en-US').format(value.vatAmount || 0) })}
                               </span>
                             </div>
                           </div>
diff --git a/src/entities/vat-return/ui/list-item.tsx b/src/entities/vat-return/ui/list-item.tsx
index aa52b58..955f429 100644
--- a/src/entities/vat-return/ui/list-item.tsx
+++ b/src/entities/vat-return/ui/list-item.tsx
@@ -42,7 +42,7 @@ export const ListItem = ({
           </div>
         </div>
         <div className="transaction-amount">
-          {t('home.money', { value: <NumericFormat value={ amount } thousandSeparator displayType="text" /> })}
+          {t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
         </div>
       </div>
     </>
diff --git a/src/entities/vat-return/ui/section/amount-section.tsx b/src/entities/vat-return/ui/section/amount-section.tsx
index d752c27..0862d5a 100644
--- a/src/entities/vat-return/ui/section/amount-section.tsx
+++ b/src/entities/vat-return/ui/section/amount-section.tsx
@@ -37,7 +37,7 @@ export const AmountSection = ({
       <div className="txn-num-group">
         <div className="txn-amount">
           <div className="value">
-            {t('home.money', { value: <NumericFormat value={ detail.totalAmount } thousandSeparator displayType="text" /> })}
+            {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail.totalAmount || 0) })}
           </div>
           <button
             className="chip-btn"
@@ -54,13 +54,13 @@ export const AmountSection = ({
               <li className="amount-item">
                 <span className="label">·&nbsp;&nbsp;{t('vatReturn.supplyAmount')}</span>
                 <span className="value">
-                  {t('home.money', { value: <NumericFormat value={ detail.supplyAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail.supplyAmount || 0) })}
                 </span>
               </li>
               <li className="amount-item">
                 <span className="label">·&nbsp;&nbsp;{t('vatReturn.vat')}</span>
                 <span className="value">
-                  {t('home.money', { value: <NumericFormat value={ detail.vatAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail.vatAmount || 0) })}
                 </span>
               </li>
             </ul>
diff --git a/src/pages/additional-service/ars/detail-page.tsx b/src/pages/additional-service/ars/detail-page.tsx
index dc01313..f057969 100644
--- a/src/pages/additional-service/ars/detail-page.tsx
+++ b/src/pages/additional-service/ars/detail-page.tsx
@@ -86,7 +86,7 @@ export const ArsDetailPage = () => {
             <div className="pay-top">
               <div className="num-amount">
                 <span className="amount">
-                  {t('home.money', { value: <NumericFormat value={ detail?.amount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail?.amount || 0) })}
                 </span>
               </div>
               <div className="num-store">{ detail?.corpName }</div>
diff --git a/src/pages/additional-service/fund-account/result-detail-page.tsx b/src/pages/additional-service/fund-account/result-detail-page.tsx
index caf13f0..5c2491b 100644
--- a/src/pages/additional-service/fund-account/result-detail-page.tsx
+++ b/src/pages/additional-service/fund-account/result-detail-page.tsx
@@ -86,7 +86,7 @@ export const FundAccountResultDetailPage = () => {
             <div className="pay-top">
               <div className="num-amount">
                 <span className="amount">
-                  {t('home.money', { value: <NumericFormat value={detail?.amount} thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail?.amount || 0) })}
                 </span>
               </div>
               <div className="num-store">{detail?.accountName}({detail?.accountNo})</div>
diff --git a/src/pages/additional-service/fund-account/transfer-detail-page.tsx b/src/pages/additional-service/fund-account/transfer-detail-page.tsx
index 622efdc..e1bc605 100644
--- a/src/pages/additional-service/fund-account/transfer-detail-page.tsx
+++ b/src/pages/additional-service/fund-account/transfer-detail-page.tsx
@@ -79,7 +79,7 @@ export const FundAccountTransferDetailPage = () => {
             <div className="pay-top">
               <div className="num-amount">
                 <span className="amount">
-                  {t('home.money', { value: <NumericFormat value={detail?.amount} thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail?.amount || 0) })}
                 </span>
               </div>
               <div className="num-store">{detail?.accountName}({detail?.accountNo})</div>
diff --git a/src/pages/additional-service/payout/detail-page.tsx b/src/pages/additional-service/payout/detail-page.tsx
index ba5e33f..2083760 100644
--- a/src/pages/additional-service/payout/detail-page.tsx
+++ b/src/pages/additional-service/payout/detail-page.tsx
@@ -108,7 +108,7 @@ export const PayoutDetailPage = () => {
             <div className="pay-top">
               <div className="num-amount">
                 <span className="amount">
-                  {t('home.money', { value: <NumericFormat value={ detail?.disbursementAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(detail?.disbursementAmount || 0) })}
                 </span>
               </div>
               <div className="num-store">{detail?.companyName}</div>
diff --git a/src/pages/transaction/all-transaction/list-page.tsx b/src/pages/transaction/all-transaction/list-page.tsx
index c6b191b..57167fc 100644
--- a/src/pages/transaction/all-transaction/list-page.tsx
+++ b/src/pages/transaction/all-transaction/list-page.tsx
@@ -231,7 +231,7 @@ export const AllTransactionListPage = () => {
 							<div className="summary-label">{t('transaction.searchAmount')}</div>
 							<div className="summary-amount">
 								<span className="amount-text">
-                  {t('home.money', { value: <NumericFormat value={ totalAmount } thousandSeparator displayType="text" /> })}
+                  {t('home.money', { value: new Intl.NumberFormat('en-US').format(totalAmount || 0) })}
                 </span>
 								<div className="summary-actions">
 									<button className="filter-btn">
diff --git a/src/pages/transaction/cash-receipt/list-page.tsx b/src/pages/transaction/cash-receipt/list-page.tsx
index 89a17fd..71dd5d9 100644
--- a/src/pages/transaction/cash-receipt/list-page.tsx
+++ b/src/pages/transaction/cash-receipt/list-page.tsx
@@ -218,7 +218,7 @@ export const CashReceiptListPage = () => {
 								<div className="row">
 									<span className="label">{ t('cashReceipt.approval') }</span>
 									<strong className="amount22">
-										{t('home.money', { value: <NumericFormat value={ approvalAmount } thousandSeparator displayType="text" /> })}
+										{t('home.money', { value: new Intl.NumberFormat('en-US').format(approvalAmount || 0) })}
 									</strong>
 									<span className="count">
 										<NumericFormat
@@ -233,7 +233,7 @@ export const CashReceiptListPage = () => {
 								<div className="row">
 									<span className="label">{ t('common.cancel') }</span>
 									<strong className="amount19">
-										{t('home.money', { value: <NumericFormat value={ cancelAmount } thousandSeparator displayType="text" /> })}
+										{t('home.money', { value: new Intl.NumberFormat('en-US').format(cancelAmount || 0) })}
 									</strong>
 									<span className="count">
 										<NumericFormat