Fix duplicate keys on grid skeletons
This commit is contained in:
parent
e2e3a50f1f
commit
5eea3d7e01
2 changed files with 4 additions and 4 deletions
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
Reference in a new issue