diff --git a/src/order/OrderList.js b/src/order/OrderList.js index bfdba52282f2a30b84ce664d37d365c3c031a15c..d7bd38fbd6af170f37b4cf51360b4c96c5e0ab5f 100644 --- a/src/order/OrderList.js +++ b/src/order/OrderList.js @@ -6,7 +6,7 @@ import Fetcher from "../Fetcher"; function OrderList() { const [orders, setOrders] = useState([]); const order_list = orders.map((o) => ( - <Card as={Col} sm={4}> + <Card key={o.ID} as={Col} sm={4}> <Card.Body> <Card.Title>{o.name}</Card.Title> <Card.Text>{o.description}</Card.Text> diff --git a/src/transaction/MyTransactions.js b/src/transaction/MyTransactions.js index 1b0494496388e00b12e1d55fdcaf3134d809c41b..97693af24c26e8c3653ba9c353e26d8b924b8ffa 100644 --- a/src/transaction/MyTransactions.js +++ b/src/transaction/MyTransactions.js @@ -10,7 +10,7 @@ function MyTransactions() { const entries = transactions.map((transaction) => { return ( - <TransactionTr transaction={transaction}> + <TransactionTr key={transaction.ID} transaction={transaction}> <td>{icon(transaction)}</td> <td>{printDate(transaction.date)}</td> <td>{printMoney(transaction.total) + " €"}</td> diff --git a/src/transaction/TransactionList.js b/src/transaction/TransactionList.js index 93278e9cce88989c04095a548a30c8b1cb82051e..0367e412d35489bd8b028ae08d00bcc3db952795 100644 --- a/src/transaction/TransactionList.js +++ b/src/transaction/TransactionList.js @@ -43,7 +43,7 @@ function TransactionList() { const entries = transactions.map((transaction) => { return ( - <TransactionTr transaction={transaction}> + <TransactionTr key={transaction.ID} transaction={transaction}> <td>{icon(transaction)}</td> <td>{printTransactionID(transaction)}</td> <td>{printDate(transaction.date)}</td>