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">