Merge pull request #231 from GAMZA-BAT/main

[ Deploy ] v0.4.1 데이터 패칭 오류 해결

src/shared/component/Header/Logo.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import type { UserResponse } from "@/api/users/type";
+import { IcnLogo } from "@/asset/svg";
+import { logoContainer, logoStyle } from "@/shared/component/Header/index.css";
+import Link from "next/link";
+
+type LogoProps = {
+  user: UserResponse;
+};
+
+const Logo = ({ user }: LogoProps) => {
+  return (
+    <Link
+      href={`/${user.nickname}`}
+      className={logoContainer}
+      aria-label="User page"
+    >
+      <IcnLogo className={logoStyle} aria-label="algoHub 로고" />
+    </Link>
+  );
+};
+
+export default Logo;

src/shared/component/Header/index.tsx

@@ -1,27 +1,20 @@
-"use client";
-
 import { getNotificationList } from "@/api/notifications";
-import { useMyNicknameQuery } from "@/app/[user]/query";
-import { IcnLogo } from "@/asset/svg";
+import { getMyInfo } from "@/api/users";
+import Logo from "@/shared/component/Header/Logo";
 import UserMenu from "@/shared/component/Header/UserMenu";
-import {
-  headerStyle,
-  logoContainer,
-  logoStyle,
-} from "@/shared/component/Header/index.css";
+import { headerStyle } from "@/shared/component/Header/index.css";
 import LoginMenu from "@/view/login/LoginMenu/LoginMenu";
 import {
   HydrationBoundary,
   QueryClient,
   dehydrate,
 } from "@tanstack/react-query";
-import Link from "next/link";
 
 const Header = async () => {
   /* TODO: 로그인 api 부착 후 Atom으로 교체 */
   // const { isLoggedIn } = useAtomValue(authAtom);
   const isLoggedIn = true;
-  const userNickname = useMyNicknameQuery();
+  const userNickname = await getMyInfo();
 
   const queryClient = new QueryClient();
 
@@ -32,13 +25,7 @@ const Header = async () => {
 
   return (
     <header className={headerStyle}>
-      <Link
-        href={`/${userNickname}`}
-        className={logoContainer}
-        aria-label="User page"
-      >
-        <IcnLogo className={logoStyle} aria-label="algoHub 로고" />
-      </Link>
+      <Logo user={userNickname} />
       <HydrationBoundary state={dehydrate(queryClient)}>
         {isLoggedIn ? <UserMenu /> : <LoginMenu />}
       </HydrationBoundary>