From e3aeed7f4003f1866885e299afb71ef6dea324b8 Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Wed, 23 Jul 2025 04:12:32 +0900
Subject: [PATCH] =?UTF-8?q?#23=20Fragment=20=E3=81=AE=20key=20=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TopNav.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
index 15b0c97..376d94d 100644
--- a/frontend/src/components/TopNav.tsx
+++ b/frontend/src/components/TopNav.tsx
@@ -1,6 +1,6 @@
 import axios from 'axios'
 import toCamel from 'camelcase-keys'
-import { useState, useEffect } from 'react'
+import { Fragment, useState, useEffect } from 'react'
 import { Link, useLocation } from 'react-router-dom'
 
 import Separator from '@/components/MenuSeparator'
@@ -138,9 +138,8 @@ export default ({ user }: Props) => {
 			    'bg-yellow-200 dark:bg-red-975 items-start')}>
 	  <Separator />
 	  {menu.map ((item, i) => (
-	      <>
-		<Link key={i}
-		      to={i === openItemIdx ? item.to : '#'}
+	      <Fragment key={i}>
+		<Link to={i === openItemIdx ? item.to : '#'}
 		      className={cn ('w-full min-h-[40px] flex items-center pl-8',
 				     ((i === openItemIdx)
 				      && 'font-bold bg-yellow-50 dark:bg-red-950'))}
@@ -163,7 +162,7 @@ export default ({ user }: Props) => {
 					 bg-yellow-50 dark:bg-red-950">
 			  {subItem.name}
 			</Link>)))}
-	      </>))}
+	      </Fragment>))}
 	  <TopNavUser user={user} sp />
 	  <Separator />
 	</div>