Set keys on list elements

app/routes/mod-queue.tsx

@@ -268,6 +268,7 @@ export default function () {
             element: (
               <AppealCard
                 {...(entry as AppealCardProps & { port?: MessagePort })}
+                key={`appeal_${entry.id}`}
                 port={messageChannel.current?.port2}
               />
             ),
@@ -281,6 +282,7 @@ export default function () {
             element: (
               <GameAppealCard
                 {...(entry as GameAppealProps & { port?: MessagePort })}
+                key={`gma_${entry.id}`}
                 port={messageChannel.current?.port2}
               />
             ),
@@ -294,6 +296,7 @@ export default function () {
             element: (
               <InactivityNoticeCard
                 {...(entry as InactivityNoticeProps & { port?: MessagePort })}
+                key={`inactivity_${entry.id}`}
                 port={messageChannel.current?.port2}
               />
             ),
@@ -307,6 +310,7 @@ export default function () {
             element: (
               <ReportCard
                 {...(entry as ReportCardProps & { port?: MessagePort })}
+                key={`report_${entry.id}`}
                 port={messageChannel.current?.port2}
               />
             ),

components/AppealBans.tsx

@@ -91,7 +91,7 @@ export default function (props: { isOpen: boolean; onClose: () => void }) {
                 </Thead>
                 <Tbody>
                   {entries.map((entry) => (
-                    <Tr>
+                    <Tr key={`appealban_${entry.user}`}>
                       <Td>{entry.user}</Td>
                       <Td>{entry.created_by}</Td>
                       <Td>{new Date(entry.created_at).toUTCString()}</Td>