mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
fix(breadcrumbs): missing key for ellipsisItem (#5239)
* fix(breadcrumbs): missing key for ellipsisItem * chore(changeset): add changeset
This commit is contained in:
parent
efda62c1c5
commit
a61f57bbf7
5
.changeset/modern-balloons-wash.md
Normal file
5
.changeset/modern-balloons-wash.md
Normal file
@ -0,0 +1,5 @@
|
||||
---
|
||||
"@heroui/breadcrumbs": patch
|
||||
---
|
||||
|
||||
fixed missing key for ellipsisItem in breadcrumbs (#4973)
|
||||
@ -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),
|
||||
];
|
||||
}, [
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user