🐛 fix: React key 중복 및 401 인증 오류 해결

src/app/features/dashboard_Id/api/fetchCards.ts

@@ -1,13 +1,12 @@
-import api from '@/app/shared/lib/testAxios'
+import authHttpClient from '@/app/shared/lib/axios'
 
-// import api from '@/app/shared/lib/axios'
 import { CardResponse } from '../type/Card.type'
 
 export async function fetchCards(
   columnId: number,
   size: number = 10,
 ): Promise<CardResponse> {
-  const res = await api.get<CardResponse>(
+  const res = await authHttpClient.get<CardResponse>(
     `/${process.env.NEXT_PUBLIC_TEAM_ID}/cards?size=${size}&columnId=${columnId}`,
   )
   return res.data

src/app/features/dashboard_Id/api/fetchColumns.ts

@@ -1,14 +1,13 @@
-import api from '@/app/shared/lib/testAxios'
+import authHttpClient from '@/app/shared/lib/axios'
 
-// import api from '@/app/shared/lib/axios'
 import { Column, ColumnsResponse } from '../type/Column.type'
 
 export async function fetchColumns(dashboardId: number): Promise<Column[]> {
   if (!dashboardId) {
     throw new Error('dashboardId가 유효하지 않습니다.')
   }
 
-  const res = await api.get<ColumnsResponse>(
+  const res = await authHttpClient.get<ColumnsResponse>(
     `/${process.env.NEXT_PUBLIC_TEAM_ID}/columns?dashboardId=${dashboardId}`,
   )
 

src/app/mydashboard/components/MyDashboardGrid/MyDashboardGrid.tsx

@@ -67,7 +67,10 @@ export default function MyDashboardGrid() {
 
         {/* 대시보드 카드 */}
         {dashboards.map((dashboard) => (
-          <MyDashboardCard key={dashboard.id} dashboard={dashboard} />
+          <MyDashboardCard
+            key={`mydash-${dashboard.id}`}
+            dashboard={dashboard}
+          />
         ))}
       </div>
 

src/app/shared/components/common/sidebar/Sidebar.tsx

@@ -69,7 +69,7 @@ export default function Sidebar(): JSX.Element {
           ) : (
             dashboards.map((dashboard) => (
               <DashboardItem
-                key={dashboard.id}
+                key={`sidebar-${dashboard.id}`}
                 dashboard={dashboard}
                 isActive={pathname === `/dashboard/${dashboard.id}`}
                 onClick={() => handleDashboardClick(dashboard)}