🚑️ 잘못된 searchParam 타입 수정 (#324)

app/[locale]/community/council/meeting-minute/create/client.tsx

@@ -0,0 +1,34 @@
+'use client';
+
+import { postMinutesByYearAction } from '@/actions/council';
+import PageLayout from '@/components/layout/pageLayout/PageLayout';
+import { councilMinute } from '@/constants/segmentNode';
+import { useRouter } from '@/i18n/routing';
+import { contentToFormData } from '@/utils/formData';
+import { getPath } from '@/utils/page';
+
+import CouncilMeetingMinuteEditor, { MinuteFormData } from '../CouncilMeetingMinuteEditor';
+
+const minutePath = getPath(councilMinute);
+
+export default function CouncilMinuteCreateClientPage({ year }: { year: number }) {
+  const router = useRouter();
+
+  const onCancel = () => router.push(minutePath);
+
+  const onSubmit = async (requestObject: MinuteFormData) => {
+    const formData = contentToFormData('CREATE', { attachments: requestObject.file });
+    await postMinutesByYearAction(requestObject.year, formData);
+  };
+
+  return (
+    // TODO: 영문 번역
+    <PageLayout title={`${year ? `${year}년 ` : ''}학생회 회의록 추가`} titleType="big" hideNavbar>
+      <CouncilMeetingMinuteEditor
+        defaultValues={year ? { year, file: [] } : undefined}
+        onSubmit={onSubmit}
+        onCancel={onCancel}
+      />
+    </PageLayout>
+  );
+}

app/[locale]/community/council/meeting-minute/create/page.tsx

@@ -1,42 +1,17 @@
 'use client';
 
-import { postMinutesByYearAction } from '@/actions/council';
-import PageLayout from '@/components/layout/pageLayout/PageLayout';
-import { councilMinute } from '@/constants/segmentNode';
-import { useRouter } from '@/i18n/routing';
-import { contentToFormData } from '@/utils/formData';
-import { getPath } from '@/utils/page';
+import CouncilMinuteCreateClientPage from '@/app/[locale]/community/council/meeting-minute/create/client';
 
-import CouncilMeetingMinuteEditor, { MinuteFormData } from '../CouncilMeetingMinuteEditor';
-
-const minutePath = getPath(councilMinute);
-
-export default function CouncilMinuteCreatePage({
+export default async function CouncilMinuteCreatePage({
   searchParams,
 }: {
-  searchParams: { year?: string };
+  searchParams: Promise<{ year?: string }>;
 }) {
-  const year = Number(searchParams.year);
-  if (searchParams.year !== undefined && Number.isNaN(year))
-    throw new Error('/meeting-minute?year=[year]: year가 숫자가 아닙니다.');
+  const { year } = await searchParams;
+  const yearInNumber = Number(year);
 
-  const router = useRouter();
-
-  const onCancel = () => router.push(minutePath);
-
-  const onSubmit = async (requestObject: MinuteFormData) => {
-    const formData = contentToFormData('CREATE', { attachments: requestObject.file });
-    await postMinutesByYearAction(requestObject.year, formData);
-  };
+  if (yearInNumber !== undefined && Number.isNaN(yearInNumber))
+    throw new Error('/meeting-minute?year=[year]: year가 숫자가 아닙니다.');
 
-  return (
-    // TODO: 영문 번역
-    <PageLayout title={`${year ? `${year}년 ` : ''}학생회 회의록 추가`} titleType="big" hideNavbar>
-      <CouncilMeetingMinuteEditor
-        defaultValues={year ? { year, file: [] } : undefined}
-        onSubmit={onSubmit}
-        onCancel={onCancel}
-      />
-    </PageLayout>
-  );
+  return <CouncilMinuteCreateClientPage year={yearInNumber} />;
 }