Fix lint errors

guardian · Jan 28, 2025 · 7bebedb · 7bebedb
1 parent 7dd6cc6
commit 7bebedb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/dotcom-rendering/src/components/FootballLiveMatches.stories.tsx b/dotcom-rendering/src/components/FootballLiveMatches.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { FootballLiveMatches as FootballLiveMatchesComponent } from './FootballLiveMatches';
 import { centreColumnDecorator } from '../../.storybook/decorators/gridDecorators';
+import { FootballLiveMatches as FootballLiveMatchesComponent } from './FootballLiveMatches';
 
 const meta = {
 	title: 'Components/Football Live Matches',

diff --git a/dotcom-rendering/src/components/FootballLiveMatches.tsx b/dotcom-rendering/src/components/FootballLiveMatches.tsx
@@ -1,3 +1,4 @@
+import { Fragment } from 'react';
 import type { FootballMatches } from '../footballMatches';
 
 type Props = {
@@ -7,14 +8,14 @@ type Props = {
 export const FootballLiveMatches = ({ matches }: Props) => (
 	<>
 		{matches.map((day) => (
-			<>
+			<Fragment key={day.date.toISOString()}>
 				<h2>{day.date.toString()}</h2>
 				{day.competitions.map((competition) => (
-					<>
+					<Fragment key={competition.competitionId}>
 						<h3>{competition.name}</h3>
 						<ul>
 							{competition.matches.map((match) => (
-								<li>
+								<li key={match.paId}>
 									<time
 										dateTime={match.dateTime.toISOString()}
 									>
@@ -27,9 +28,9 @@ export const FootballLiveMatches = ({ matches }: Props) => (
 								</li>
 							))}
 						</ul>
-					</>
+					</Fragment>
 				))}
-			</>
+			</Fragment>
 		))}
 	</>
 );