diff --git a/components/lib/splitbutton/SplitButton.js b/components/lib/splitbutton/SplitButton.js index 108141413a..70f046e449 100644 --- a/components/lib/splitbutton/SplitButton.js +++ b/components/lib/splitbutton/SplitButton.js @@ -16,7 +16,7 @@ export const SplitButton = React.memo( const context = React.useContext(PrimeReactContext); const props = SplitButtonBase.getProps(inProps, context); - const [idState, setIdState] = React.useState(props.id); + const [idState, setIdState] = React.useState(props.id ?? UniqueComponentId); const [overlayVisibleState, setOverlayVisibleState] = React.useState(false); const elementRef = React.useRef(null); const menuRef = React.useRef(null); diff --git a/components/lib/tieredmenu/TieredMenuSub.js b/components/lib/tieredmenu/TieredMenuSub.js index 1a443e17b9..15a99736f7 100644 --- a/components/lib/tieredmenu/TieredMenuSub.js +++ b/components/lib/tieredmenu/TieredMenuSub.js @@ -65,6 +65,10 @@ export const TieredMenuSub = React.memo( }; const getItemId = (processedItem) => { + if (processedItem.item && processedItem.item.id) { + return processedItem.item.id; + } + return `${props.menuId}_${processedItem.key}`; };