🐛 Fix: 타입 수정

Author: yulrang

src/_apis/crew/get-crew-list.ts

@@ -20,6 +20,6 @@ export async function getCrewList(condition: ConditionTypes, pageable: PageableT
   } catch (error) {
     // eslint-disable-next-line no-console
     console.error(error);
-    return null;
+    return undefined;
   }
 }

src/_queries/crew-queries.tsx

@@ -14,7 +14,7 @@ export function useGetCrewListQuery(condition: ConditionTypes) {
     queryFn: ({ pageParam = 0 }) =>
       getCrewList(condition, { page: pageParam, size: 6, sort: [condition.sortType] }).then(
         (response) => {
-          if (response === null) {
+          if (response === undefined) {
             throw new Error('Response is null');
           }
           return response;

src/app/_components/find-crew/find-crew.tsx

@@ -15,11 +15,11 @@ import { MainCrewListResponse } from '@/src/types/crew-card';
 import IcoSearch from '@/public/assets/icons/ic-search.svg';
 
 interface FindCrewProps {
-  initialData: InfiniteData<MainCrewListResponse | null>;
+  initialData: InfiniteData<MainCrewListResponse | undefined>;
 }
 
 export default function FindCrew({ initialData }: FindCrewProps) {
-  const [data, setData] = useState<InfiniteData<MainCrewListResponse | null>>(initialData);
+  const [data, setData] = useState<InfiniteData<MainCrewListResponse | undefined>>(initialData);
   const [mainCategory, setMainCategory] = useState('');
   const [subCategory, setSubCategory] = useState('');
   const [sort, setSort] = useState<string | null>('latest');

src/components/common/crew-list/crew-card-list.stories.tsx

@@ -32,9 +32,9 @@ type Story = StoryObj<typeof meta>;
 function RenderCrewCardList({
   initialData,
 }: {
-  initialData: InfiniteData<MainCrewListResponse | null>;
+  initialData: InfiniteData<MainCrewListResponse | undefined>;
 }) {
-  const [data, setData] = useState<InfiniteData<MainCrewListResponse | null>>(initialData);
+  const [data, setData] = useState<InfiniteData<MainCrewListResponse | undefined>>(initialData);
   const {
     data: CrewCardListData,
     ref,

src/components/common/crew-list/crew-card-list.tsx

@@ -11,7 +11,7 @@ import CrewCard from './crew-card';
 
 // CrewCardListProps 타입을 구분하여 정의
 interface MainCrewCardListProps {
-  data: InfiniteData<MainCrewListResponse | null>;
+  data: InfiniteData<MainCrewListResponse | undefined>;
   isFetchingNextPage: boolean;
   inWhere?: undefined;
 }
@@ -35,7 +35,7 @@ function CrewCardList(
       : data?.pages?.flatMap((page) => page?.content as MainCrewList[])) ?? [];
   const gridColsStyle = inWhere === 'my-crew' ? '' : 'lg:grid-cols-2';
 
-  if (data?.pages[0] === null)
+  if (data?.pages[0] === undefined)
     // 초기 로딩시 데이터 없을때
     return (
       <div className="flex justify-center py-10">

src/types/crew-card.d.ts

@@ -13,7 +13,7 @@ export interface PageableTypes {
 }
 
 export type MainCrewListResponse = {
-  content: MainCrewList[] | null;
+  content: MainCrewList[] | undefined;
   hasNext: boolean;
 };
 
@@ -29,7 +29,7 @@ export interface MainCrewList {
   imageUrl: string;
   isConfirmed: boolean;
   totalGatheringCount: number;
-  crewMembers?: CrewMemberList[];
+  crewMembers?: CrewMember[];
 }
 
 export interface CrewMember {