diff --git a/components/lib/menubar/MenubarSub.js b/components/lib/menubar/MenubarSub.js index 08c76b398b..d20d814b83 100644 --- a/components/lib/menubar/MenubarSub.js +++ b/components/lib/menubar/MenubarSub.js @@ -204,9 +204,7 @@ export const MenubarSub = React.memo( ); - let template = getItemProp(processedItem, 'template'); - - if (template) { + if (item.template) { const defaultContentOptions = { className: linkClassName, labelClassName: 'p-menuitem-text', @@ -216,7 +214,7 @@ export const MenubarSub = React.memo( props }; - content = ObjectUtils.getJSXElement(processedItem, item, defaultContentOptions); + content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions); } const contentProps = mergeProps( diff --git a/components/lib/tieredmenu/TieredMenuSub.js b/components/lib/tieredmenu/TieredMenuSub.js index 5a6ac57448..de0afb57a2 100644 --- a/components/lib/tieredmenu/TieredMenuSub.js +++ b/components/lib/tieredmenu/TieredMenuSub.js @@ -164,7 +164,6 @@ export const TieredMenuSub = React.memo( const _icon = getItemProp(processedItem, 'icon'); const target = getItemProp(processedItem, 'target'); const url = getItemProp(processedItem, 'url'); - const template = getItemProp(processedItem, 'template'); const key = getItemId(processedItem); const focused = isItemFocused(processedItem); const active = isItemActive(processedItem); @@ -216,7 +215,7 @@ export const TieredMenuSub = React.memo( ); - if (template) { + if (item.template) { const defaultContentOptions = { className: linkClassName, labelClassName: 'p-menuitem-text', @@ -228,7 +227,7 @@ export const TieredMenuSub = React.memo( disabled: disabled }; - content = ObjectUtils.getJSXElement(template, item, defaultContentOptions); + content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions); } const contentProps = mergeProps(