Fix duplicate keys on grid skeletons

This commit is contained in:
jeffvli 2023-05-13 23:09:20 -07:00
parent e2e3a50f1f
commit 5eea3d7e01
2 changed files with 4 additions and 4 deletions

View file

@ -225,9 +225,9 @@ export const DefaultCard = ({
</ImageContainer>
<DetailContainer>
<Stack spacing="sm">
{controls.cardRows.map((row) => (
{controls.cardRows.map((row, index) => (
<Skeleton
key={row.arrayProperty}
key={`${index}-${columnIndex}-${row.arrayProperty}`}
visible
height={14}
radius="sm"

View file

@ -208,9 +208,9 @@ export const PosterCard = ({
</Skeleton>
<DetailContainer>
<Stack spacing="sm">
{controls.cardRows.map((row) => (
{controls.cardRows.map((row, index) => (
<Skeleton
key={row.arrayProperty}
key={`${index}-${columnIndex}-${row.arrayProperty}`}
visible
height={14}
radius="sm"