[#141] 🐛 solve build error from type mismatch

Author: KingNono1030

queries/team/useTeamList.ts

@@ -1,17 +1,15 @@
-import { TeamListItem } from '@/types/api/team.types'
+import { TeamRecruitmentListItem } from '@/types/api/Team.types'
 import { useQuery } from '@tanstack/react-query'
 
 import { GetTeamRecruitmentList } from '@/services/team'
 
 export const useTeamRecruitmentList = () => {
-  return useQuery<TeamListItem[], Error>({
+  return useQuery<TeamRecruitmentListItem[], Error>({
     queryKey: ['teamList'],
     queryFn: async () => {
       const data = await GetTeamRecruitmentList()
-      return data.result as TeamListItem[]
+      return data.result as TeamRecruitmentListItem[]
     },
     staleTime: 1000 * 60 * 5,
   })
 }
-
-

src/app/(pages)/test-page/page.tsx

@@ -1,9 +1,8 @@
 'use client'
 
-import { TeamListItem } from '@/types/api/team.types'
+import { TeamRecruitmentListItem } from '@/types/api/Team.types'
 import { useTeamRecruitmentList } from 'queries/team/useTeamList'
 
-
 export default function Page(): JSX.Element {
   const { data: teamList, isLoading, error } = useTeamRecruitmentList()
   if (isLoading) {
@@ -17,9 +16,9 @@ export default function Page(): JSX.Element {
   return (
     <div>
       <ul>
-        {teamList?.map((team: TeamListItem) => (
+        {teamList?.map((team: TeamRecruitmentListItem) => (
           <li key={team.id}>
-            <h2 >{team.teamTitle}</h2>
+            <h2>{team.teamTitle}</h2>
             <h3>{team.teamIsActive}</h3>
             <p>{team.teamContent}</p>
             <h5>{team.member.nickname}</h5>

src/middleware.ts

@@ -3,7 +3,7 @@ import { NextRequest, NextResponse } from 'next/server'
 
 import { backendApi, proxyApi } from '@/services/api'
 
-import { AccessTokenResponse } from './types/api/auth.types'
+import { AccessTokenResponse } from './types/api/Auth.types'
 
 console.log('Middleware is running')
 export const config = {
@@ -40,7 +40,6 @@ export async function middleware(
   // console.log('Access Token:', accessToken);
   // console.log('Refresh Token:', refreshToken);
 
-
   // function parseCookies(cookieHeader: string | null): Record<string, string> {
   //   if (!cookieHeader) return {};
   //   return cookieHeader
@@ -51,19 +50,18 @@ export async function middleware(
   //       return acc;
   //     }, {});
   // }
-  
+
   // const cookieHeader = req.headers.get('cookie');
   // const cookies = parseCookies(cookieHeader);
   // const accessToken = cookies['accessToken'];
   // const refreshToken = cookies['refreshToken'];
-  
-  const cookies = req.cookies;
-  const accessToken = cookies.get('accessToken')?.value;
-  const refreshToken = cookies.get('refreshToken')?.value;
-
-  
-  console.log('Access Token:', accessToken);
-  console.log('Refresh Token:', refreshToken);
+
+  const cookies = req.cookies
+  const accessToken = cookies.get('accessToken')?.value
+  const refreshToken = cookies.get('refreshToken')?.value
+
+  console.log('Access Token:', accessToken)
+  console.log('Refresh Token:', refreshToken)
 
   if (!accessToken || accessToken.trim() === '') {
     console.log('Access Token is missing or empty')

src/services/team/index.ts

@@ -1,28 +1,28 @@
 import {
-  GetTeamDetailResponse,
-  GetTeamListResponse,
+  AddTeamMemberRequest,
+  AddTeamMemberResponse,
+  CreateTeamRecruitmentRequest,
+  CreateTeamRecruitmentResponse,
   GetTeamMembersResponse,
+  GetTeamRecruitmentListResponse,
+  GetTeamRecruitmentResponse,
   SearchMembersResponse,
-  TeamAddMemberRequest,
-  TeamAddMemberResponse,
-  TeamCreateRequest,
-  TeamCreateResponse,
-} from '@/types/api/team.types'
+} from '@/types/api/Team.types'
 
 import { backendApi } from '@/services/api'
 
 //팀 모집글 전체 조회
 // searchTerm, teamType, positions, techStacks, sortBy, teamIsActive 는 쿼리 스트링
 export const GetTeamRecruitmentList = async (): Promise<
-  ApiResponse<GetTeamListResponse>
+  ApiResponse<GetTeamRecruitmentListResponse>
 > => {
   return await backendApi.get(`v1/team`).json()
 }
 
 //팀 모집글 상세 조회 (여기에서의 id 는 게시글 고유 id 이자 해당 팀 id -> teamId?)
 export const GetTeamRecruitment = async (
   teamId: Id
-): Promise<ApiResponse<GetTeamDetailResponse>> => {
+): Promise<ApiResponse<GetTeamRecruitmentResponse>> => {
   return await backendApi.get(`v1/team/${teamId}`).json()
 }
 
@@ -43,16 +43,16 @@ export const GetSearchMember = async (
 
 //팀 모집글 등록
 export const CreateTeamRecruitment = async (
-  data: TeamCreateRequest
-): Promise<ApiResponse<TeamCreateResponse>> => {
+  data: CreateTeamRecruitmentRequest
+): Promise<ApiResponse<CreateTeamRecruitmentResponse>> => {
   return await backendApi.post(`v1/team`, { json: data }).json()
 }
 
 //팀 멤버 추가
 export const AddTeamMember = async (
-  data: TeamAddMemberRequest,
+  data: AddTeamMemberRequest,
   teamId: Id
-): Promise<ApiResponse<TeamAddMemberResponse>> => {
+): Promise<ApiResponse<AddTeamMemberResponse>> => {
   return await backendApi.post(`v1/team/${teamId}/add`, { json: data }).json()
 }