From 82da8b43d5750111997506c821177eeaaf3f673a Mon Sep 17 00:00:00 2001
From: chan9yu <dev.cgyeo@gmail.com>
Date: Sun, 6 Oct 2024 20:04:33 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20key=20=EA=B0=92=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 6ef64dc..5df8c5d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -36,8 +36,8 @@ export default function App() {
 			<Header totalPrice={totalPrice} totalItems={products.length} />
 			<div className="w-full h-full overflow-y-scroll">
 				<ul className="w-11/12 mt-5 mx-auto px-6 bg-white shadow-xl divide-y divide-gray-200 border border-slate-200 rounded-lg">
-					{products.map(({ boughtDate, price, productName }, idx) => (
-						<Item key={idx} boughtDate={boughtDate} price={price} productName={productName} />
+					{products.map(({ boughtDate, price, productId, productName }) => (
+						<Item key={productId} boughtDate={boughtDate} price={price} productName={productName} />
 					))}
 				</ul>
 				<div ref={targetRef} className="p-4 flex justify-center">