usulpro
/
banatie-service
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(landing): use label as React key in SubsectionNav to avoid duplicates 

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>
This commit is contained in:
Oleg Proskurin 2025-12-31 20:26:47 +07:00
parent 2d01fa4182
commit f3aaea1e6d
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/landing/src/components/shared/SubsectionNav.tsx
View File

@ -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)}