From 8385d8db2746af313c05875d353505a1472634ed Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Mon, 15 Sep 2025 20:57:15 +0900
Subject: [PATCH 1/2] refactor: use unique child.key instead of array index as
 key in Separated component

---
 src/components/Separated/Separated.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Separated/Separated.tsx b/src/components/Separated/Separated.tsx
index 35c1f5be..0ec21c19 100644
--- a/src/components/Separated/Separated.tsx
+++ b/src/components/Separated/Separated.tsx
@@ -39,7 +39,7 @@ export function Separated({ children, by: separator }: Props) {
   return (
     <>
       {childrenArray.map((child, i, { length }) => (
-        <Fragment key={i}>
+        <Fragment key={child.key}>
           {child}
           {i + 1 !== length && separator}
         </Fragment>

From e903eeaaa680154db372c32499f57a5bf0edc534 Mon Sep 17 00:00:00 2001
From: wo-o29 <woogur29@gmail.com>
Date: Mon, 15 Sep 2025 21:03:35 +0900
Subject: [PATCH 2/2] refactor: use fallback index for Fragment key in
 Separated component

---
 src/components/Separated/Separated.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Separated/Separated.tsx b/src/components/Separated/Separated.tsx
index 0ec21c19..45865b56 100644
--- a/src/components/Separated/Separated.tsx
+++ b/src/components/Separated/Separated.tsx
@@ -39,7 +39,7 @@ export function Separated({ children, by: separator }: Props) {
   return (
     <>
       {childrenArray.map((child, i, { length }) => (
-        <Fragment key={child.key}>
+        <Fragment key={child.key ?? i}>
           {child}
           {i + 1 !== length && separator}
         </Fragment>