Merge pull request #106 from boostcampwm-2024/refactor-fe-#27

Fix: 403 에러 제거

Author: pkh0106

apps/frontend/src/features/auth/model/authQueries.ts

@@ -3,11 +3,14 @@ import { useQuery } from "@tanstack/react-query";
 import { getUser, getUserStatus } from "../api/authApi";
 
 export const useGetUser = () => {
+  const { data: loggedIn } = useGetUserStatus();
+
   return useQuery({
     queryKey: ["user"],
     queryFn: getUser,
     retry: false,
     refetchOnWindowFocus: false,
+    enabled: !!loggedIn,
   });
 };
 

apps/frontend/src/features/workspace/model/workspaceQuries.ts

@@ -5,9 +5,11 @@ import { useGetUser, useGetUserStatus } from "@/features/auth";
 import { useWorkspace } from "@/shared/lib/useWorkspace";
 
 export const useUserWorkspace = () => {
+  const { data: loggedIn } = useGetUserStatus();
   return useQuery({
     queryKey: ["userWorkspace"],
     queryFn: getUserWorkspaces,
+    enabled: !!loggedIn,
   });
 };
 

apps/frontend/src/features/workspace/ui/WorkspacePanel/index.tsx

@@ -1,6 +1,11 @@
 import { useState } from "react";
 import { UserProfile } from "@/entities/user";
-import { Logout, useGetUser, LoginForm } from "@/features/auth";
+import {
+  Logout,
+  useGetUser,
+  LoginForm,
+  useGetUserStatus,
+} from "@/features/auth";
 import {
   WorkspaceAddButton,
   WorkspaceForm,
@@ -9,6 +14,7 @@ import {
 import { Divider } from "@/shared/ui";
 
 export default function WorkspacePanel() {
+  const { data: loggedIn } = useGetUserStatus();
   const { data } = useGetUser();
   const [isModalOpen, setIsModalOpen] = useState(false);
 
@@ -21,7 +27,7 @@ export default function WorkspacePanel() {
   };
   return (
     <div className="w-[280px] px-4 py-4">
-      {data ? (
+      {loggedIn && data ? (
         <div className="flex flex-col gap-1">
           <UserProfile nickname={data.snowflakeId ?? "123"} />
           <Divider direction="horizontal" className="h-0.5" />