diff --git a/src/pages/ManagePage/StepSlope/components/SlopeForm.tsx b/src/pages/ManagePage/StepSlope/components/SlopeForm.tsx index 76c34fb..12478b3 100644 --- a/src/pages/ManagePage/StepSlope/components/SlopeForm.tsx +++ b/src/pages/ManagePage/StepSlope/components/SlopeForm.tsx @@ -64,12 +64,12 @@ const SlopeForm = ({ setFormData({ ...formData, management: { - ...formData.management, + ...(formData.management || {}), organization: e.target.value, }, }) @@ -80,12 +80,12 @@ const SlopeForm = ({ setFormData({ ...formData, management: { - ...formData.management, + ...(formData.management || {}), authority: e.target.value, }, }) @@ -96,12 +96,12 @@ const SlopeForm = ({ setFormData({ ...formData, management: { - ...formData.management, + ...(formData.management || {}), department: e.target.value, }, }) diff --git a/src/pages/ManagePage/StepSlope/components/table/coloums.ts b/src/pages/ManagePage/StepSlope/components/table/coloums.ts index 95cfce8..e55c89b 100644 --- a/src/pages/ManagePage/StepSlope/components/table/coloums.ts +++ b/src/pages/ManagePage/StepSlope/components/table/coloums.ts @@ -33,16 +33,18 @@ export const getSlopeColumns = () => [ }, size: 40, }), - columnHelper.accessor('managementNo', { + columnHelper.accessor((row) => row.managementNo || '', { + id: 'managementNo', header: '관리번호', size: 120, }), - columnHelper.accessor('name', { + columnHelper.accessor((row) => row.name || '', { + id: 'name', header: '급경사지명', size: 150, }), columnHelper.accessor( - (row) => row.slopeInspectionHistory.historyNumber || '', + (row) => row.slopeInspectionHistory?.historyNumber || '', { id: 'historyNumber', header: 'SMC번호', @@ -78,17 +80,17 @@ export const getSlopeColumns = () => [ size: 40, } ), - columnHelper.accessor((row) => row.management.organization || '', { + columnHelper.accessor((row) => row.management?.organization || '', { id: 'organization', header: '시행청명', size: 120, }), - columnHelper.accessor((row) => row.management.authority || '', { + columnHelper.accessor((row) => row.management?.authority || '', { id: 'authority', header: '관리주체구분코드', size: 150, }), - columnHelper.accessor((row) => row.management.department || '', { + columnHelper.accessor((row) => row.management?.department || '', { id: 'department', header: '소관부서명', size: 150,