From c9b2ef35b7b01cd885a25b54e6d3103ea3374bf5 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 5 Feb 2026 09:24:28 +0900
Subject: [PATCH] =?UTF-8?q?[cm]=20fix:=20hydration=20=EC=97=90=EB=9F=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cm/src/pages/dashboard/ui/banner-list.tsx | 43 +++++++++++--------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/apps/cm/src/pages/dashboard/ui/banner-list.tsx b/apps/cm/src/pages/dashboard/ui/banner-list.tsx
index 865540672..d3ae54610 100644
--- a/apps/cm/src/pages/dashboard/ui/banner-list.tsx
+++ b/apps/cm/src/pages/dashboard/ui/banner-list.tsx
@@ -1,9 +1,13 @@
 "use client";
 
-import { useRef } from "react";
+import { useRef, useState, useEffect } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { ENDPOINT } from "@/shared/config";
-import { getImageUrlByAtflCd, getBannerList, type Banner } from "../api/banner-service";
+import {
+  getImageUrlByAtflCd,
+  getBannerList,
+  type Banner,
+} from "../api/banner-service";
 import { getCookie } from "@/shared/lib";
 
 import {
@@ -21,7 +25,12 @@ type BannerImageProps = {
 };
 
 const BannerList: React.FC = () => {
-  const siteId = getCookie("site-id-key") ?? "";
+  const [siteId, setSiteId] = useState<string>("");
+
+  useEffect(() => {
+    const id = getCookie("site-id-key") ?? "";
+    setSiteId(id);
+  }, []);
 
   const BannerImage = ({ atflCd, lnkgUrlAddr }: BannerImageProps) => {
     const { data: imageUrl, isLoading } = useQuery({
@@ -91,6 +100,19 @@ const BannerList: React.FC = () => {
     return maybe.status ?? maybe.response?.status;
   };
 
+  // siteId가 없을 때
+  if (!siteId) {
+    return (
+      <div className="card card-border">
+        <div className="relative flex h-[240px] w-full items-center justify-center bg-accent">
+          <div className="text-sm text-muted-foreground">
+            사이트 ID가 없습니다
+          </div>
+        </div>
+      </div>
+    );
+  }
+
   // 401 에러 처리
   if (bannerError) {
     const is401Error =
@@ -133,21 +155,8 @@ const BannerList: React.FC = () => {
     );
   }
 
-  // siteId가 없을 때
-  if (!siteId) {
-    return (
-      <div className="card card-border">
-        <div className="relative flex h-[240px] w-full items-center justify-center bg-accent">
-          <div className="text-sm text-muted-foreground">
-            사이트 ID가 없습니다
-          </div>
-        </div>
-      </div>
-    );
-  }
-
   return (
-    <div className="card card-border"  style={{ height: "230px" }}>
+    <div className="card card-border" style={{ height: "230px" }}>
       <Carousel
         plugins={[plugin.current]}
         opts={{ loop: true }}