fix/options/type-error

Author: skyblue1232

src/pages/map/components/CourseInputSection.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Icon } from '@/shared/icons';
 
 interface CourseInputSectionProps {

src/pages/map/components/CourseSelectSection.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import CommonButton from '@/shared/components/button/CommonButton';
 
 interface CourseSelectSectionProps {
@@ -13,7 +15,7 @@ export default function CourseSelectSection({
   selected,
   onSelect,
 }: CourseSelectSectionProps) {
-  const sectionId = `${title.replace(/\s+/g, '-')}-group`;
+  const sectionId = `${(title ?? '').replace(/\s+/g, '-')}-group`;
 
   return (
     <section
@@ -37,16 +39,17 @@ export default function CourseSelectSection({
           style={{ WebkitOverflowScrolling: 'touch' }}
           role="list"
         >
-          {options.map(({ id, label }) => (
-            <CommonButton
-              key={id}
-              label={label}
-              aria-pressed={selected === id}   
-              aria-label={`${label} 선택`}    
-              role="listitem"
-              variant={selected === id ? 'active' : 'default'}
-              onClick={() => onSelect(selected === id ? null : id)}
-            />
+          {Array.isArray(options) &&
+            options.map(({ id, label }) => (
+              <CommonButton
+                key={id}
+                label={label}
+                aria-pressed={selected === id}
+                aria-label={`${label} 선택`}
+                role="button"
+                variant={selected === id ? 'active' : 'default'}
+                onClick={() => onSelect(selected === id ? null : id)}
+              />
           ))}
         </div>
 

src/pages/map/index.tsx

@@ -5,7 +5,7 @@ import { BottomNav } from '@/shared/components/tab/BottomNav';
 import { purposes, stays, moves } from '@/shared/constants/course/courseOptions';
 import { useCourseSelection } from '@/shared/hooks/useCourseSelection';
 import CourseSelectSection from '@/pages/map/components/CourseSelectSection';
-import { useRouter } from 'next/navigation';
+import { useRouter } from 'next/router';
 import CourseInputSection from '@/pages/map/components/CourseInputSection';
 
 export default function CourseSettingPage() {
@@ -17,7 +17,7 @@ export default function CourseSettingPage() {
 
   const handleNext = () => {
     if (!canProceed) return alert('모든 항목을 선택해주세요.');
-    router.push('/map/result');
+    router.push('/result');
   };
 
   return (

src/shared/components/index.ts

@@ -2,3 +2,4 @@ export { default as Header } from './header/Header';
 export { default as ControlBar } from './header/ControlBar';
 export { default as Tag } from './tag/Tag';
 export { DatePicker } from './datePicker/DatePicker';
+export { default as CommonButton } from './button/CommonButton';