fix(web): 닉네임 중복 토스트 이슈 포함 react-hot-toast 전면 전환

apps/web/package.json

@@ -42,6 +42,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-hook-form": "^7.60.0",
+    "react-hot-toast": "^2.6.0",
     "sockjs-client": "^1.6.1",
     "tailwind-merge": "^3.0.2",
     "tailwindcss-animate": "^1.0.7",

apps/web/src/apis/Auth/deleteAccount.ts

@@ -4,7 +4,6 @@ import type { AxiosError } from "axios";
 import { useRouter } from "next/navigation";
 
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { type AccountResponse, authApi } from "./api";
 
 /**
@@ -26,9 +25,6 @@ const useDeleteUserAccount = () => {
       clearAccessToken();
       queryClient.clear();
     },
-    onError: () => {
-      toast.error("회원탈퇴에 실패했습니다. 잠시 후 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/Auth/postAppleAuth.ts

@@ -2,8 +2,8 @@ import { useMutation } from "@tanstack/react-query";
 
 import type { AxiosError } from "axios";
 import { useRouter } from "next/navigation";
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { type AppleAuthRequest, type AppleAuthResponse, authApi } from "./api";
 
 /**
@@ -31,7 +31,6 @@ const usePostAppleAuth = () => {
       }
     },
     onError: () => {
-      toast.error("애플 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
       router.push("/login");
     },
   });

apps/web/src/apis/Auth/postEmailLogin.ts

@@ -2,8 +2,8 @@ import { useMutation } from "@tanstack/react-query";
 
 import type { AxiosError } from "axios";
 import { useRouter } from "next/navigation";
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { authApi, type EmailLoginRequest, type EmailLoginResponse } from "./api";
 
 /**

apps/web/src/apis/Auth/postEmailVerification.ts

@@ -1,7 +1,6 @@
 import { useMutation } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
 import { authApi, type EmailSignUpRequest, type EmailSignUpResponse } from "./api";
 
 /**
@@ -10,9 +9,6 @@ import { authApi, type EmailSignUpRequest, type EmailSignUpResponse } from "./ap
 const usePostEmailSignUp = () => {
   return useMutation<EmailSignUpResponse, AxiosError, EmailSignUpRequest>({
     mutationFn: (data) => authApi.postEmailSignUp(data),
-    onError: (error) => {
-      toast.error("회원가입에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/Auth/postKakaoAuth.ts

@@ -2,8 +2,8 @@ import { useMutation } from "@tanstack/react-query";
 
 import type { AxiosError } from "axios";
 import { useRouter } from "next/navigation";
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { authApi, type KakaoAuthRequest, type KakaoAuthResponse } from "./api";
 
 /**
@@ -31,7 +31,6 @@ const usePostKakaoAuth = () => {
       }
     },
     onError: () => {
-      toast.error("카카오 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
       router.push("/login");
     },
   });

apps/web/src/apis/Auth/postSignUp.ts

@@ -1,7 +1,6 @@
 import { useMutation } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
 import { authApi, type SignUpRequest, type SignUpResponse } from "./api";
 
 /**
@@ -10,9 +9,6 @@ import { authApi, type SignUpRequest, type SignUpResponse } from "./api";
 const usePostSignUp = () => {
   return useMutation<SignUpResponse, AxiosError, SignUpRequest>({
     mutationFn: (data) => authApi.postSignUp(data),
-    onError: (error) => {
-      toast.error("회원가입에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/MyPage/patchPassword.ts

@@ -2,8 +2,8 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 import type { AxiosError } from "axios";
 import { useRouter } from "next/navigation";
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { QueryKeys } from "../queryKeys";
 import { myPageApi, type PasswordPatchRequest } from "./api";
 
@@ -21,10 +21,6 @@ const usePatchMyPassword = () => {
       toast.success("비밀번호가 성공적으로 변경되었습니다.");
       router.replace("/");
     },
-    onError: (error) => {
-      const errorMessage = error.response?.data?.message;
-      toast.error(errorMessage || "비밀번호 변경에 실패했습니다. 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/MyPage/patchProfile.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-import { toast } from "@/lib/zustand/useToastStore";
+import { toast } from "react-hot-toast";
 import { QueryKeys } from "../queryKeys";
 import { myPageApi, type ProfilePatchRequest } from "./api";
 
@@ -18,10 +18,6 @@ const usePatchMyInfo = () => {
     onSuccess: () => {
       toast.success("프로필이 성공적으로 수정되었습니다.");
     },
-    onError: (error) => {
-      const errorMessage = error.response?.data?.message;
-      toast.error(errorMessage || "프로필 수정에 실패했습니다. 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/Scores/postCreateGpa.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 
-import { toast } from "@/lib/zustand/useToastStore";
+import { toast } from "react-hot-toast";
 import { ScoresQueryKeys, scoresApi, type UsePostGpaScoreRequest } from "./api";
 
 /**
@@ -16,10 +16,6 @@ export const usePostGpaScore = () => {
       toast.success("학점 정보가 성공적으로 제출되었습니다.");
       queryClient.invalidateQueries({ queryKey: [ScoresQueryKeys.myGpaScore] });
     },
-
-    onError: (error) => {
-      toast.error("오류가 발생했습니다. 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/Scores/postCreateLanguageTest.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 
-import { toast } from "@/lib/zustand/useToastStore";
+import { toast } from "react-hot-toast";
 import { ScoresQueryKeys, scoresApi, type UsePostLanguageTestScoreRequest } from "./api";
 
 /**
@@ -16,10 +16,6 @@ export const usePostLanguageTestScore = () => {
       toast.success("어학 성적이 성공적으로 제출되었습니다.");
       queryClient.invalidateQueries({ queryKey: [ScoresQueryKeys.myLanguageTestScore] });
     },
-
-    onError: (error) => {
-      toast.error("오류가 발생했습니다. 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/applications/postSubmitApplication.ts

@@ -1,7 +1,6 @@
 import { type UseMutationOptions, type UseMutationResult, useMutation } from "@tanstack/react-query";
 import type { AxiosError, AxiosResponse } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
 import { applicationsApi, type UseSubmitApplicationRequest, type UseSubmitApplicationResponse } from "./api";
 
 /**
@@ -27,10 +26,6 @@ const usePostSubmitApplication = (
   >({
     ...props,
     mutationFn: applicationsApi.postSubmitApplication,
-    onError: (error) => {
-      const errorMessage = error?.response?.data?.message;
-      toast.error(errorMessage || "지원 중 오류가 발생했습니다. 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/community/deleteComment.ts

@@ -1,7 +1,7 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
+import { toast } from "react-hot-toast";
 import { type CommentIdResponse, CommunityQueryKeys, communityApi } from "./api";
 
 interface DeleteCommentRequest {
@@ -22,9 +22,6 @@ const useDeleteComment = () => {
       queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, variables.postId] });
       toast.success("댓글이 삭제되었습니다.");
     },
-    onError: (error) => {
-      toast.error("댓글 삭제에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/community/deleteLikePost.ts

@@ -1,7 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
 import { CommunityQueryKeys, communityApi, type PostLikeResponse } from "./api";
 
 /**
@@ -16,9 +15,6 @@ const useDeleteLike = () => {
       // 해당 게시글 상세 쿼리를 무효화하여 최신 데이터 반영
       queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, postId] });
     },
-    onError: (error) => {
-      toast.error("좋아요 취소 처리에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/community/deletePost.ts

@@ -2,9 +2,8 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 import type { AxiosError, AxiosResponse } from "axios";
 import { useRouter } from "next/navigation";
-
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { CommunityQueryKeys, communityApi, type DeletePostResponse } from "./api";
 
 interface DeletePostVariables {
@@ -59,9 +58,6 @@ const useDeletePost = () => {
       // 게시글 목록 페이지 이동
       router.replace(`/community/${variables.boardCode || "FREE"}`);
     },
-    onError: (error) => {
-      toast.error("게시글 삭제에 실패했습니다. 잠시 후 다시 시도해주세요.");
-    },
   });
 };
 

apps/web/src/apis/community/patchUpdatePost.ts

@@ -1,8 +1,7 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { CommunityQueryKeys, communityApi, type PostIdResponse, type PostUpdateRequest } from "./api";
 
 interface UpdatePostVariables {
@@ -54,9 +53,6 @@ const useUpdatePost = () => {
 
       toast.success("게시글이 수정되었습니다.");
     },
-    onError: (error) => {
-      toast.error("게시글 수정에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/community/postCreateComment.ts

@@ -1,7 +1,7 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
+import { toast } from "react-hot-toast";
 import { type CommentCreateRequest, type CommentIdResponse, CommunityQueryKeys, communityApi } from "./api";
 
 /**
@@ -17,9 +17,6 @@ const useCreateComment = () => {
       queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, variables.postId] });
       toast.success("댓글이 등록되었습니다.");
     },
-    onError: (error) => {
-      toast.error("댓글 등록에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/community/postCreatePost.ts

@@ -1,8 +1,7 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-
+import { toast } from "react-hot-toast";
 import useAuthStore from "@/lib/zustand/useAuthStore";
-import { toast } from "@/lib/zustand/useToastStore";
 import { CommunityQueryKeys, communityApi, type PostCreateRequest, type PostIdResponse } from "./api";
 
 /**
@@ -47,9 +46,6 @@ const useCreatePost = () => {
 
       toast.success("게시글이 등록되었습니다.");
     },
-    onError: (error) => {
-      toast.error("게시글 등록에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/community/postLikePost.ts

@@ -1,7 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
 import { CommunityQueryKeys, communityApi, type PostLikeResponse } from "./api";
 
 /**
@@ -16,9 +15,6 @@ const usePostLike = () => {
       // 해당 게시글 상세 쿼리를 무효화하여 최신 데이터 반영
       queryClient.invalidateQueries({ queryKey: [CommunityQueryKeys.posts, postId] });
     },
-    onError: (error) => {
-      toast.error("좋아요 처리에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/image-upload/postUploadProfileImage.ts

@@ -1,10 +1,12 @@
 import { useMutation } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
+import { SKIP_GLOBAL_ERROR_TOAST_META } from "@/lib/react-query/errorToastMeta";
 import { imageUploadApi, type UploadProfileImageResponse } from "./api";
 
 const usePostUploadProfileImage = () => {
   return useMutation<UploadProfileImageResponse, AxiosError, File>({
     mutationFn: (file) => imageUploadApi.postUploadProfileImage(file),
+    meta: SKIP_GLOBAL_ERROR_TOAST_META,
   });
 };
 

apps/web/src/apis/image-upload/postUploadProfileImageBeforeSignup.ts

@@ -1,6 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-import { toast } from "@/lib/zustand/useToastStore";
 import type { FileResponse } from "@/types/file";
 import { imageUploadApi } from "./api";
 
@@ -10,9 +9,6 @@ import { imageUploadApi } from "./api";
 const useUploadProfileImagePublic = () => {
   return useMutation<FileResponse, AxiosError, File>({
     mutationFn: imageUploadApi.postUploadProfileImageBeforeSignup,
-    onError: (error) => {
-      toast.error("이미지 업로드에 실패했습니다.");
-    },
   });
 };
 

apps/web/src/apis/mentor/postApplyMentoring.ts

@@ -1,7 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 
-import { toast } from "@/lib/zustand/useToastStore";
 import { MentorQueryKeys, mentorApi, type PostApplyMentoringRequest, type PostApplyMentoringResponse } from "./api";
 
 /**
@@ -15,9 +14,6 @@ const usePostApplyMentoring = () => {
       // 멘토링 신청 후 멘토 목록을 새로고침
       await queryClient.invalidateQueries({ queryKey: [MentorQueryKeys.applyMentoringList] });
     },
-    onError: () => {
-      toast.error("멘토 신청에 실패했습니다. 다시 시도해주세요.");
-    },
   });
 };