From 7be8caf3f7e24d077b37f7c7bb3e85ac1626b633 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B6=8C=ED=98=81=EC=84=B1?= <shine1324@gmail.com>
Date: Mon, 26 Jan 2026 16:36:36 +0900
Subject: [PATCH] =?UTF-8?q?fix(WEB):=20LocationDetailPanel=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20key=20prop=20=EB=88=84=EB=9D=BD=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- BOM 아이템 렌더링 시 id가 없을 경우 index 기반 fallback key 사용
- body, guide-rail, case, bottom, motor, accessory 탭 모두 적용
---
 src/components/quotes/LocationDetailPanel.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/quotes/LocationDetailPanel.tsx b/src/components/quotes/LocationDetailPanel.tsx
index 5920adac..a8debcac 100644
--- a/src/components/quotes/LocationDetailPanel.tsx
+++ b/src/components/quotes/LocationDetailPanel.tsx
@@ -376,8 +376,8 @@ export function LocationDetailPanel({
                   </TableRow>
                 </TableHeader>
                 <TableBody>
-                  {bomItemsByTab.body.map((item: any) => (
-                    <TableRow key={item.id} className="bg-white">
+                  {bomItemsByTab.body.map((item: any, index: number) => (
+                    <TableRow key={item.id || `body-${index}`} className="bg-white">
                       <TableCell className="font-medium">{item.item_name}</TableCell>
                       <TableCell className="text-center text-gray-600">{item.manufacture_size || "-"}</TableCell>
                       <TableCell className="text-center">
@@ -434,8 +434,8 @@ export function LocationDetailPanel({
                     </TableRow>
                   </TableHeader>
                   <TableBody>
-                    {bomItemsByTab[tabValue]?.map((item: any) => (
-                      <TableRow key={item.id} className="bg-white">
+                    {bomItemsByTab[tabValue]?.map((item: any, index: number) => (
+                      <TableRow key={item.id || `${tabValue}-${index}`} className="bg-white">
                         <TableCell className="font-medium">{item.item_name}</TableCell>
                         <TableCell className="text-center text-gray-600">{item.material || "-"}</TableCell>
                         <TableCell className="text-center text-gray-600">{item.spec || "-"}</TableCell>
@@ -504,8 +504,8 @@ export function LocationDetailPanel({
                   </TableRow>
                 </TableHeader>
                 <TableBody>
-                  {bomItemsByTab.motor?.map((item: any) => (
-                    <TableRow key={item.id} className="bg-white">
+                  {bomItemsByTab.motor?.map((item: any, index: number) => (
+                    <TableRow key={item.id || `motor-${index}`} className="bg-white">
                       <TableCell className="font-medium">{item.item_name}</TableCell>
                       <TableCell className="text-center text-gray-600">{item.type || "-"}</TableCell>
                       <TableCell className="text-center text-gray-600">{item.spec || "-"}</TableCell>
@@ -561,8 +561,8 @@ export function LocationDetailPanel({
                   </TableRow>
                 </TableHeader>
                 <TableBody>
-                  {bomItemsByTab.accessory?.map((item: any) => (
-                    <TableRow key={item.id} className="bg-white">
+                  {bomItemsByTab.accessory?.map((item: any, index: number) => (
+                    <TableRow key={item.id || `accessory-${index}`} className="bg-white">
                       <TableCell className="font-medium">{item.item_name}</TableCell>
                       <TableCell className="text-center text-gray-600">{item.spec || "-"}</TableCell>
                       <TableCell className="text-center">