fix: Added key properties to list items.

Signed-off-by: Marley Powell <Marley.Powell@exclaimer.com>
This commit is contained in:
Marley Powell
2021-11-11 13:58:00 +00:00
parent b585da59e1
commit cfa98e33f9
4 changed files with 8 additions and 4 deletions
@@ -29,7 +29,7 @@ export const PullRequestCardPolicies = ({
}: PullRequestCardProps) => (
<div className={className}>
{policies.map(policy => (
<PullRequestCardPolicy policy={policy} />
<PullRequestCardPolicy key={policy.id} policy={policy} />
))}
</div>
);
@@ -36,7 +36,7 @@ export const PullRequestCardReviewers = ({
}: PullRequestCardReviewersProps) => (
<PullRequestCardReviewersContainer>
{reviewers.filter(reviewerFilter).map(reviewer => (
<PullRequestCardReviewer reviewer={reviewer} />
<PullRequestCardReviewer key={reviewer.id} reviewer={reviewer} />
))}
</PullRequestCardReviewersContainer>
);
@@ -40,8 +40,11 @@ export const PullRequestGrid = ({
}: PullRequestGridProps) => {
return (
<GridDiv>
{pullRequestGroups.map(pullRequestGroup => (
<PullRequestGridColumn pullRequestGroup={pullRequestGroup} />
{pullRequestGroups.map((pullRequestGroup, index) => (
<PullRequestGridColumn
key={index}
pullRequestGroup={pullRequestGroup}
/>
))}
</GridDiv>
);
@@ -70,6 +70,7 @@ export const PullRequestGridColumn = ({
<PullRequestCardContainer>
{pullRequestGroup.pullRequests.map(pullRequest => (
<PullRequestCard
key={pullRequest.pullRequestId}
pullRequest={pullRequest}
simplified={pullRequestGroup.simplified}
/>