수기발행

src/entities/transaction/ui/billing-list.tsx

@@ -16,7 +16,7 @@ export const BillingList = ({
     for(let i=0;i<listItems.length;i++){
       let items = listItems[i];
       if(!!items){
-        let transactionDate = items.transactionDate;
+        let transactionDate = items?.transactionDate;
         if(!!transactionDate){
           if(i === 0){
             date = transactionDate;

src/entities/transaction/ui/cash-receipt-hand-written-issuance-step1.tsx

@@ -3,6 +3,7 @@ import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout';
 import { CashReceiptPurposeType } from '../model/types';
+import { PatternFormat } from 'react-number-format';
 
 export interface CashReceiptHandWrittenIssuanceStep1Props {
   businessNumber?: string;
@@ -100,12 +101,13 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
         <div className="issue-row">
           <div className="issue-label">발행번호</div>
           <div className="issue-field">
-            <input 
-              type="text" 
+            <PatternFormat
               placeholder="사업자번호 OR 휴대폰번호"
               value={ issueNumber }
+              valueIsNumericString
+              format="###########"
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setIssueNumber(e.target.value) }
-            />
+            ></PatternFormat>
           </div>
         </div>
         <div className="issue-row">
@@ -122,12 +124,13 @@ export const CashReceiptHandWrittenIssuanceStep1 = ({
         <div className="issue-row">
           <div className="issue-label">전화번호</div>
           <div className="issue-field">
-            <input
-              type="tel"
+            <PatternFormat
               placeholder="01012345678"
               value={ phoneNumber }
+              valueIsNumericString
+              format="###########"
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setPhoneNumber(e.target.value) }
-            />
+            ></PatternFormat>
           </div>
         </div>
       </div>