From d845254c3dba580be8bafae3bfc8ced6c6760ecc Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Mon, 25 Aug 2025 19:38:21 -0500
Subject: [PATCH] fix key error in skeleton loaders

---
 src/features/players/components/player-list.tsx         | 2 +-
 src/features/teams/components/team-list.tsx             | 3 +--
 src/features/tournaments/components/tournament-list.tsx | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/features/players/components/player-list.tsx b/src/features/players/components/player-list.tsx
index 3332eaf..e775a42 100644
--- a/src/features/players/components/player-list.tsx
+++ b/src/features/players/components/player-list.tsx
@@ -13,7 +13,7 @@ const PlayerList = ({ players, loading = false }: PlayerListProps) => {
   
   if (loading) return <List>
     {Array.from({ length: 10 }).map((_, i) => (
-      <ListItem py='xs'
+      <ListItem py='xs' key={`skeleton-${i}`}
         icon={<Skeleton circle height={40} width={40} />}
       >
         <Skeleton height={20} width={200} />
diff --git a/src/features/teams/components/team-list.tsx b/src/features/teams/components/team-list.tsx
index feaf330..be95e7b 100644
--- a/src/features/teams/components/team-list.tsx
+++ b/src/features/teams/components/team-list.tsx
@@ -13,8 +13,7 @@ const TeamList = ({ teams, loading = false }: TeamListProps) => {
 
   if (loading) return <List>
     {Array.from({ length: 10 }).map((_, i) => (
-      <ListItem py='xs'
-        icon={<Skeleton height={40} width={40} />}
+      <ListItem key={`skeleton-${i}`} py='xs' icon={<Skeleton height={40} width={40} />}
       >
         <Skeleton height={35} width={200} />
       </ListItem>
diff --git a/src/features/tournaments/components/tournament-list.tsx b/src/features/tournaments/components/tournament-list.tsx
index eb88976..654a9c2 100644
--- a/src/features/tournaments/components/tournament-list.tsx
+++ b/src/features/tournaments/components/tournament-list.tsx
@@ -13,7 +13,7 @@ const TournamentList = ({ tournaments, loading = false }: TournamentListProps) =
   
   if (loading) return <List>
     {Array.from({ length: 10 }).map((_, i) => (
-      <ListItem py='xs'
+      <ListItem py='xs' key={`skeleton-${i}`}
         icon={<Skeleton height={40} width={40} />}
       >
         <Skeleton height={20} width={200} />