fix: Context 초기값 undefined -> null로 바꾸기

src/pages/OverallSchedule/components/OverallScheduleTable.tsx

@@ -21,7 +21,7 @@ function OverallScheduleTable({
   availableDates,
   dataOverallSchedule,
 }: OverallScheduleTableProps) {
-  const [clickedSlot, setClickedSlot] = useState<string | undefined>(undefined);
+  const [clickedSlot, setClickedSlot] = useState<string | null>(null);
   const [clickedUserNames, setClickedUserNames] = useState<string[]>([]);
 
   const getAvailableTimesPerDate = (

src/pages/OverallSchedule/contexts/useClickContext.ts

@@ -1,15 +1,15 @@
 import { Dispatch, SetStateAction, createContext, useContext } from 'react';
 
 interface ClickContextType {
-  clickedSlot: string | undefined;
+  clickedSlot: string | null;
   setClickedSlot: Dispatch<SetStateAction<ClickContextType['clickedSlot']>>;
   clickedUserNames: string[];
   setClickedUserNames: Dispatch<SetStateAction<ClickContextType['clickedUserNames']>>;
 }
 
 export const ClickContext = createContext<ClickContextType>({
-  clickedSlot: undefined,
-  setClickedSlot: () => undefined,
+  clickedSlot: null,
+  setClickedSlot: () => null,
   clickedUserNames: [],
   setClickedUserNames: () => [],
 });

src/pages/selectSchedule/components/SelectScheduleTable.tsx

@@ -13,7 +13,7 @@ import { SelectContext, SelectedSlotType } from '../contexts/useSelectContext';
 import { StepSlotsType, StepbottomItemsType } from '../types';
 
 function SelectScheduleTable({ timeSlots, availableDates }: TimetableStructure) {
-  const [startSlot, setStartSlot] = useState<string | undefined>(undefined);
+  const [startSlot, setStartSlot] = useState<string | null>(null);
   const [selectedSlots, setSelectedSlots] = useState<SelectedSlotType>({});
 
   const { scheduleStep } = useScheduleStepContext();

src/pages/selectSchedule/components/selectTimeSlot/hooks/useSlotSelection.ts

@@ -28,7 +28,7 @@ const useSlotSeletion = () => {
       });
       removeOverlappedSlots(endSlot, dateOfStartSlot);
     }
-    setStartSlot(undefined);
+    setStartSlot(null);
   };
 
   const handleDeleteSlot = (selectedEntryId: number) => {
@@ -62,11 +62,11 @@ const useSlotSeletion = () => {
 
   const onClickSlot = (targetSlot: string, selectedEntryId?: number) => {
     if (selectedEntryId !== undefined) {
-      if (startSlot === undefined) {
+      if (startSlot === null) {
         handleDeleteSlot(selectedEntryId);
       }
-      setStartSlot(undefined);
-    } else if (startSlot !== undefined) {
+      setStartSlot(null);
+    } else if (startSlot !== null) {
       handleCompleteSlot(targetSlot);
     } else {
       handleSelectSlot(targetSlot);

src/pages/selectSchedule/contexts/useScheduleStepContext.ts

@@ -9,7 +9,7 @@ interface ScheduleStepContextType {
 
 export const ScheduleStepContext = createContext<ScheduleStepContextType>({
   scheduleStep: 'selectTimeSlot',
-  setScheduleStep: () => undefined,
+  setScheduleStep: () => null,
 });
 
 export function useScheduleStepContext() {

src/pages/selectSchedule/contexts/useSelectContext.ts

@@ -12,17 +12,17 @@ export interface SelectedSlotType {
 }
 
 interface SelectContextType {
-  startSlot: string | undefined;
+  startSlot: string | null;
   setStartSlot: Dispatch<SetStateAction<SelectContextType['startSlot']>>;
   selectedSlots: SelectedSlotType;
   setSelectedSlots: Dispatch<SetStateAction<SelectedSlotType>>;
 }
 
 export const SelectContext = createContext<SelectContextType>({
-  startSlot: undefined,
-  setStartSlot: () => undefined,
+  startSlot: null,
+  setStartSlot: () => null,
   selectedSlots: {},
-  setSelectedSlots: () => undefined,
+  setSelectedSlots: () => null,
 });
 
 export function useSelectContext() {