style upgrades

src/features/tournaments/components/tournament-list.tsx

@@ -2,7 +2,7 @@ import { List, ListItem, Divider, Skeleton, Text, Group, Box, ThemeIcon, Stack }
 import { useNavigate } from "@tanstack/react-router";
 import Avatar from "@/components/avatar";
 import { TournamentInfo } from "../types";
-import { useCallback } from "react";
+import { Fragment, useCallback } from "react";
 import React from "react";
 import { TrophyIcon, CalendarIcon, MapPinIcon } from "@phosphor-icons/react";
 
@@ -99,9 +99,8 @@ const TournamentList = ({ tournaments, loading = false }: TournamentListProps) =
   return (
     <List p="0">
       {tournaments.map((tournament) => (
-        <>
+        <Fragment key={tournament.id}>
           <ListItem
-            key={tournament.id}
             p="xs"
             icon={
               <Avatar
@@ -129,7 +128,7 @@ const TournamentList = ({ tournaments, loading = false }: TournamentListProps) =
             <TournamentListItem tournament={tournament} />
           </ListItem>
           <Divider />
-        </>
+        </Fragment>
       ))}
     </List>
   );