From 5c7eca32e541ca7ada6a017977f76b32c6b3d69f Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 26 Feb 2022 14:55:37 +0200
Subject: [PATCH] Fix React key warning

---
 app/routes/play/match.$id.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/routes/play/match.$id.tsx b/app/routes/play/match.$id.tsx
index d247b549c..a69f23419 100644
--- a/app/routes/play/match.$id.tsx
+++ b/app/routes/play/match.$id.tsx
@@ -1,5 +1,6 @@
 import { Mode } from "@prisma/client";
 import clsx from "clsx";
+import React from "react";
 import {
   ActionFunction,
   Form,
@@ -290,7 +291,7 @@ export default function LFGMatchPage() {
           <div className="play-match__played-map-list">
             {data.mapList.map((stage) => {
               return (
-                <>
+                <React.Fragment key={`${stage.name}-${stage.mode}`}>
                   <div
                     className={clsx("play-match__checkmark", "left", {
                       invisible: stage.winner !== 0,
@@ -312,7 +313,7 @@ export default function LFGMatchPage() {
                   >
                     <CheckmarkIcon />
                   </div>
-                </>
+                </React.Fragment>
               );
             })}
           </div>