[docs][card] Fix key warning (#47524)

ZeeshanTamboli · web-flow · commit d964c892bc4e · 2025-12-26T10:04:06.000+05:30
diff --git a/docs/data/material/components/cards/SelectActionCard.js b/docs/data/material/components/cards/SelectActionCard.js
@@ -35,7 +35,7 @@ function SelectActionCard() {
       }}
     >
       {cards.map((card, index) => (
-        <Card>
+        <Card key={card.id}>
           <CardActionArea
             onClick={() => setSelectedCard(index)}
             data-active={selectedCard === index ? '' : undefined}
diff --git a/docs/data/material/components/cards/SelectActionCard.tsx b/docs/data/material/components/cards/SelectActionCard.tsx
@@ -35,7 +35,7 @@ function SelectActionCard() {
       }}
     >
       {cards.map((card, index) => (
-        <Card>
+        <Card key={card.id}>
           <CardActionArea
             onClick={() => setSelectedCard(index)}
             data-active={selectedCard === index ? '' : undefined}

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ function SelectActionCard() {`
`35`	`35`	`}}`
`36`	`36`	`>`
`37`	`37`	`{cards.map((card, index) => (`
`38`		`- <Card>`
	`38`	`+ <Card key={card.id}>`
`39`	`39`	`<CardActionArea`
`40`	`40`	`onClick={() => setSelectedCard(index)}`
`41`	`41`	`data-active={selectedCard === index ? '' : undefined}`