fix(breadcrumbs): missing key for ellipsisItem (#5239)

* fix(breadcrumbs): missing key for ellipsisItem

* chore(changeset): add changeset
This commit is contained in:
աӄա 2025-04-29 05:40:02 +08:00 committed by GitHub
parent efda62c1c5
commit a61f57bbf7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 2 deletions

View File

@ -0,0 +1,5 @@
---
"@heroui/breadcrumbs": patch
---
fixed missing key for ellipsisItem in breadcrumbs (#4973)

View File

@ -1,4 +1,4 @@
import {cloneElement, useMemo} from "react";
import {cloneElement, isValidElement, useMemo} from "react";
import {forwardRef} from "@heroui/system";
import {ChevronRightIcon, EllipsisIcon} from "@heroui/shared-icons";
import {warn} from "@heroui/shared-utils";
@ -90,7 +90,7 @@ const Breadcrumbs = forwardRef<"div", BreadcrumbsProps>((props, ref) => {
return [
...items.slice(0, itemsBeforeCollapse),
ellipsisItem,
isValidElement(ellipsisItem) && cloneElement(ellipsisItem, {key: "ellipsis-item"}),
...items.slice(items.length - itemsAfterCollapse, items.length),
];
}, [