From f3aaea1e6d8ca7141c08f9e53dad731871e9b153 Mon Sep 17 00:00:00 2001
From: Oleg Proskurin <regx@usul.su>
Date: Wed, 31 Dec 2025 20:26:47 +0700
Subject: [PATCH] fix(landing): use label as React key in SubsectionNav to
 avoid duplicates
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Multiple disabled nav items share the same href '#', causing React
duplicate key warning. Changed key from item.href to item.label
which is guaranteed to be unique.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/landing/src/components/shared/SubsectionNav.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/landing/src/components/shared/SubsectionNav.tsx b/apps/landing/src/components/shared/SubsectionNav.tsx
index 479e0e0..c86b2fa 100644
--- a/apps/landing/src/components/shared/SubsectionNav.tsx
+++ b/apps/landing/src/components/shared/SubsectionNav.tsx
@@ -62,7 +62,7 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
                 {items.map((item) => {
                   const active = isActive(item.href);
                   return (
-                    <div key={item.href} className="relative group">
+                    <div key={item.label} className="relative group">
                       <a
                         href={item.disabled ? undefined : item.href}
                         aria-disabled={item.disabled}
@@ -173,7 +173,7 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
                 const active = isActive(item.href);
                 return (
                   <a
-                    key={item.href}
+                    key={item.label}
                     href={item.disabled ? undefined : item.href}
                     aria-disabled={item.disabled}
                     onClick={item.disabled ? undefined : () => setMobileMenuOpen(false)}