fix: key 값 수정

nodak-v2 · Apr 26, 2024 · 754ea51 · 754ea51
1 parent 2e615ad
commit 754ea51
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/app/_components/GNB.tsx b/src/app/_components/GNB.tsx
@@ -4,18 +4,18 @@ import Icon from '@/src/components/Icon';
 
 const GNB = () => {
   const navItems = [
-    { href: '/', icon: <Icon id='home' />, subText: '홈' },
-    { href: '/chat', icon: <Icon id='chat' />, subText: '채팅' },
-    { href: '/write', icon: <Icon id='add' />, subText: '글쓰기' },
-    { href: '/users', icon: <Icon id='user' />, subText: '유저' },
-    { href: '/profile', icon: <Icon id='user' />, subText: '프로필' },
+    { href: '/', icon: <Icon id='home' />, name: '홈' },
+    { href: '/chat', icon: <Icon id='chat' />, name: '채팅' },
+    { href: '/write', icon: <Icon id='add' />, name: '글쓰기' },
+    { href: '/users', icon: <Icon id='user' />, name: '유저' },
+    { href: '/profile', icon: <Icon id='user' />, name: '프로필' },
   ];
 
   return (
     <nav className=' w-full bg-[#212529] px-4'>
       <ul className='flex justify-between'>
-        {navItems.map(({ href, icon, subText }, index) => (
-          <li key={index}>
+        {navItems.map(({ href, icon, name }, index) => (
+          <li key={`${index}-${name}`}>
             <Link
               href={href}
               className='mx-auto flex w-full items-end justify-center px-4 pt-1 text-center text-white'
@@ -24,7 +24,7 @@ const GNB = () => {
                 <span className='mx-auto mb-1 block pt-1 text-2xl '>
                   {icon}
                 </span>
-                <span className='block pb-2 text-xs'>{subText}</span>
+                <span className='block pb-2 text-xs'>{name}</span>
               </div>
             </Link>
           </li>