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,