From 63423ea1b32c26ee1400bb47057b743cc4daacad Mon Sep 17 00:00:00 2001
From: ia7ck <23146842+ia7ck@users.noreply.github.com>
Date: Sat, 16 Mar 2024 20:45:02 +0900
Subject: [PATCH] key

---
 app/abc337_e/page.tsx | 58 +++++++++++++++++++++++--------------------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/app/abc337_e/page.tsx b/app/abc337_e/page.tsx
index 3ba1d02..a70f8cb 100644
--- a/app/abc337_e/page.tsx
+++ b/app/abc337_e/page.tsx
@@ -109,40 +109,44 @@ export default function ABC337_E() {
                 const friends =
                   index === 0 ? (
                     <div className="grid grid-flow-col place-items-center">
-                      {row.map((_) => (
-                        <UserIcon className="inline-block h-10 w-10" />
+                      {row.map((_, i) => (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: uum...
+                        <UserIcon key={i} className="inline-block h-10 w-10" />
                       ))}
                     </div>
                   ) : null;
                 return (
-                  <>
+                  // biome-ignore lint/suspicious/noArrayIndexKey: uum...
+                  <div key={index}>
                     {friends}
                     <div className="grid grid-flow-col place-items-center">
-                      {row
-                        .toReversed()
-                        .map((served) =>
-                          served ? (
-                            <CheckCircleIcon24Solid
-                              className={clsx(
-                                "inline-block h-10 w-10",
-                                spoiled.success && index + 1 === spoiled.data
-                                  ? "text-indigo-600"
-                                  : "text-gray-800",
-                              )}
-                            />
-                          ) : (
-                            <CheckCircleIconOutline
-                              className={clsx(
-                                "inline-block h-10 w-10",
-                                spoiled.success && index + 1 === spoiled.data
-                                  ? "text-indigo-200"
-                                  : "text-gray-200",
-                              )}
-                            />
-                          ),
-                        )}
+                      {row.toReversed().map((served, i) =>
+                        served ? (
+                          <CheckCircleIcon24Solid
+                            // biome-ignore lint/suspicious/noArrayIndexKey: uum...
+                            key={i}
+                            className={clsx(
+                              "inline-block h-10 w-10",
+                              spoiled.success && index + 1 === spoiled.data
+                                ? "text-indigo-600"
+                                : "text-gray-800",
+                            )}
+                          />
+                        ) : (
+                          <CheckCircleIconOutline
+                            // biome-ignore lint/suspicious/noArrayIndexKey: uum...
+                            key={i}
+                            className={clsx(
+                              "inline-block h-10 w-10",
+                              spoiled.success && index + 1 === spoiled.data
+                                ? "text-indigo-200"
+                                : "text-gray-200",
+                            )}
+                          />
+                        ),
+                      )}
                     </div>
-                  </>
+                  </div>
                 );
               })}
             </div>