From d5a53e35323093c38b86a4a5aae49c8fcf8782ed Mon Sep 17 00:00:00 2001
From: kenneth <kenneth@nym.sh>
Date: Fri, 24 Oct 2025 23:08:05 +0000
Subject: [PATCH] fix(dashboard): tfl status items fragment key

Co-authored-by: Ona <no-reply@ona.com>
---
 apps/dashboard/src/App.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/dashboard/src/App.tsx b/apps/dashboard/src/App.tsx
index 4c98295..ec7c305 100644
--- a/apps/dashboard/src/App.tsx
+++ b/apps/dashboard/src/App.tsx
@@ -1,5 +1,5 @@
 import { useQuery } from "@tanstack/react-query"
-import { useEffect, useState } from "react"
+import { Fragment, useEffect, useState } from "react"
 import cn from "./components/lib/cn"
 import { StatusSeverity, getLineColor, getStatusBorderColor, tflDisruptionsQuery } from "./tfl"
 import {
@@ -245,16 +245,15 @@ function TFLTile() {
 				/>
 			)}
 			{tflData?.disruptions.map((disruption) => (
-				<>
+				<Fragment key={disruption.lineId}>
 					<TFLDistruptionItem
-						key={disruption.lineId}
 						lineId={disruption.lineId}
 						lineName={disruption.lineName}
 						reason={disruption.reason ?? "Unknown reason"}
 						severity={disruption.statusSeverity}
 					/>
 					<hr className="col-span-2 border-neutral-700" />
-				</>
+				</Fragment>
 			))}
 		</Tile>
 	)