refactor: 코드리뷰 반영

Author: seueooo

app/(main)/setting/page.tsx

@@ -1,4 +1,6 @@
 "use client";
+import { HTTPError } from "ky";
+import { HTTP_STATUS_CODE } from "@/shared/constants/api";
 import { useLogout } from "@/app/(auth)/_api/auth.queries";
 import { userQueryOptions } from "@/shared/api/queries/user";
 import PopupReport from "@/shared/ui/popup/popup-report";
@@ -18,8 +20,10 @@ const Setting = () => {
   const router = useRouter();
   const queryClient = useQueryClient();
   const { data: userInfo } = useQuery(userQueryOptions.userInfo({
-    onError: (_error) => {
-      router.replace(PATH.LOGIN);
+    onError: (error) => {
+      if (error instanceof HTTPError && error.response.status === HTTP_STATUS_CODE.UNAUTHORIZED) {
+         router.replace(PATH.LOGIN);
+}
     },
   }));
   const { open } = useOverlay();

shared/api/api-client.ts

@@ -22,12 +22,10 @@ const http = ky.create({
       async (error) => {
         if (error instanceof HTTPError) {
           const { response } = error;
-          const url = error.request.url;
-
-          if (url.includes(ENDPOINTS.USER_INFO)) {
+          const pathname = new URL(error.request.url).pathname;
+          if (pathname.endsWith(ENDPOINTS.USER_INFO)) {
             return error;
           }
-
           switch (response.status) {
             case HTTP_STATUS_CODE.UNAUTHORIZED: {
               window.location.replace(PATH.LOGIN);

shared/api/queries/user.ts

@@ -18,7 +18,6 @@ export const userQueryOptions = {
       queryFn: () => {
         return apiClient.get<UserInfo>(ENDPOINTS.USER_INFO);
       },
-      onError: options?.onError,
       ...options,
     }),
 };