@@ -11,7 +11,10 @@ import { GuestManagement } from "@/app/events/[eventId]/edit/_components/GuestMa
1111import { TicketManagementClient } from "@/app/events/create/_clientBoundary/TicketManagementClient" ;
1212import { EventFormLayout } from "@/app/events/create/_components/EventFormLayout" ;
1313import { PreviewMedia } from "@/app/events/create/_components/ImageUploader" ;
14- import { useEventDetailSuspenseQuery } from "@/data/admin/getEventDetail/queries" ;
14+ import {
15+ useEventDetailQuery ,
16+ useEventDetailSuspenseQuery ,
17+ } from "@/data/admin/getEventDetail/queries" ;
1518import { EventDetailResponse } from "@/data/admin/getEventDetail/types" ;
1619import { useEventMutation } from "@/data/admin/patchEvents/mutation" ;
1720import {
@@ -111,7 +114,7 @@ export function EventEditFormClient({ eventId }: Props) {
111114
112115 const [ isSubmitting , setIsSubmitting ] = useState ( false ) ;
113116
114- const { data : eventDetailData } = useEventDetailSuspenseQuery ( {
117+ const { data : eventDetailData } = useEventDetailQuery ( {
115118 eventId,
116119 } ) ;
117120
@@ -121,7 +124,7 @@ export function EventEditFormClient({ eventId }: Props) {
121124
122125 // 이벤트 노출 시작 날짜
123126 const eventExposureStartDateField = useSelect ( {
124- initialValue : eventDetailData . eventExposureStartDate ,
127+ initialValue : eventDetailData ? .eventExposureStartDate ,
125128 onChange : ( value : string ) => {
126129 setFormData ( ( prev ) => ( {
127130 ...prev ,
@@ -137,7 +140,7 @@ export function EventEditFormClient({ eventId }: Props) {
137140
138141 // 이벤트 노출 종료 날짜
139142 const eventExposureEndDateField = useSelect ( {
140- initialValue : eventDetailData . eventExposureEndDate ,
143+ initialValue : eventDetailData ? .eventExposureEndDate ,
141144 validate : ( value : string ) => {
142145 if ( ! value ) return "이벤트 노출 종료 날짜를 선택해주세요." ;
143146
@@ -153,7 +156,7 @@ export function EventEditFormClient({ eventId }: Props) {
153156
154157 // 이벤트 노출 시작 시간
155158 const eventExposureStartTimeField = useTextField ( {
156- initialValue : eventDetailData . eventExposureStartTime ,
159+ initialValue : eventDetailData ? .eventExposureStartTime ,
157160 validate : ( value : string ) => {
158161 if ( ! value . trim ( ) ) return "이벤트 노출 시작 시간을 입력해주세요." ;
159162
@@ -173,7 +176,7 @@ export function EventEditFormClient({ eventId }: Props) {
173176
174177 // 이벤트 노출 종료 시간
175178 const eventExposureEndTimeField = useTextField ( {
176- initialValue : eventDetailData . eventExposureEndTime ,
179+ initialValue : eventDetailData ? .eventExposureEndTime ,
177180 validate : ( value : string ) => {
178181 if ( ! value . trim ( ) ) return "이벤트 노출 종료 시간을 입력해주세요." ;
179182
@@ -192,7 +195,7 @@ export function EventEditFormClient({ eventId }: Props) {
192195 } ) ;
193196
194197 const eventTypeSelect = useSelect ( {
195- initialValue : eventDetailData . eventType ,
198+ initialValue : eventDetailData ? .eventType ,
196199 validate : ( value ) => {
197200 if ( ! value ) return "이벤트 타입을 선택해주세요." ;
198201
@@ -240,7 +243,7 @@ export function EventEditFormClient({ eventId }: Props) {
240243
241244 // 이벤트 시작 날짜
242245 const eventStartDateField = useSelect ( {
243- initialValue : eventDetailData . startDate ,
246+ initialValue : eventDetailData ? .startDate ,
244247 validate : ( value : string ) => {
245248 if ( ! value ) return "이벤트 시작 날짜를 선택해주세요." ;
246249
@@ -256,7 +259,7 @@ export function EventEditFormClient({ eventId }: Props) {
256259
257260 // 이벤트 종료 날짜
258261 const eventEndDateField = useSelect ( {
259- initialValue : eventDetailData . endDate ,
262+ initialValue : eventDetailData ? .endDate ,
260263 validate : ( value : string ) => {
261264 if ( ! value ) return "이벤트 종료 날짜를 선택해주세요." ;
262265
@@ -272,7 +275,7 @@ export function EventEditFormClient({ eventId }: Props) {
272275
273276 // 이벤트 시작 시간
274277 const eventStartTimeField = useTextField ( {
275- initialValue : eventDetailData . startTime ,
278+ initialValue : eventDetailData ? .startTime ,
276279 validate : ( value : string ) => {
277280 if ( ! value . trim ( ) ) return "이벤트 시작 시간을 입력해주세요." ;
278281
@@ -292,7 +295,7 @@ export function EventEditFormClient({ eventId }: Props) {
292295
293296 // 이벤트 종료 시간
294297 const eventEndTimeField = useTextField ( {
295- initialValue : eventDetailData . endTime ,
298+ initialValue : eventDetailData ? .endTime ,
296299 validate : ( value : string ) => {
297300 if ( ! value . trim ( ) ) return "이벤트 종료 시간을 입력해주세요." ;
298301
@@ -573,7 +576,7 @@ export function EventEditFormClient({ eventId }: Props) {
573576 } ) ;
574577
575578 const presignedUrls = await postPresignedUrls ( {
576- eventId : eventDetailData . eventId ,
579+ eventId : eventDetailData ? .eventId as number ,
577580 mediaInfoRequests,
578581 } ) ;
579582
@@ -620,7 +623,7 @@ export function EventEditFormClient({ eventId }: Props) {
620623 } ) ;
621624
622625 const siteMapPresignedUrls = await postPresignedUrls ( {
623- eventId : eventDetailData . eventId ,
626+ eventId : eventDetailData ? .eventId as number ,
624627 mediaInfoRequests : mediaInfoRequestsSiteMap ,
625628 } ) ;
626629
@@ -660,7 +663,7 @@ export function EventEditFormClient({ eventId }: Props) {
660663
661664 await patchEvent ( {
662665 ...formData ,
663- eventId : eventDetailData . eventId ,
666+ eventId : eventDetailData ? .eventId as number ,
664667 images : imagesData ,
665668 siteMapImages : siteMapsData ,
666669 } ) ;
@@ -689,6 +692,10 @@ export function EventEditFormClient({ eventId }: Props) {
689692 }
690693 } ;
691694
695+ if ( eventDetailData === undefined ) {
696+ return < LoadingWithLayout /> ;
697+ }
698+
692699 return (
693700 < div >
694701 < div className = { cx ( "header" ) } >
0 commit comments