PanelMenu: command of MenuItem without child cannot be triggered

[matchman72]

Describe the bug

Changes introduced in a421b68, command is no longer triggered when MenuItem has no child

Reproducer

No response

PrimeReact version

10.0.9

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

import { PanelMenu } from 'primereact/panelmenu';

function App() {
  const menuItems = [
      {
          label: "Group1",
          items: [{
              label: "Item 1",
              command: () => {
                    alert("Test Me alert Item 1");
              }
          },
          {
              label: "Item 2",
              command: () => {
                    alert("Test Me alert Item 2");
              }
          }
          ]
      },
      {
          label: "Test Me alert!",
          command: () => {
              alert("Test Me alert");
          }
      }
  ];
  
  return (
    <>
        <PanelMenu model={menuItems} />
    </>
  );
}

export default App;

• Click on bottom "Test Me alert!" would trigger the func defined in command

Expected behavior

• Click on bottom item "Test Me alert!"
• With "primereact": "10.0.2", the event is triggered
• With "primereact": "10.0.9", the event cannot be triggered (as item.items returns false)
• If I define a dummy list into last menu item, the event is triggered (as item.items returns true) in "10.0.9". However PanelMenu treats the item as expandable item and leave an empty space after event is triggered

      {
          label: "Test Me alert!",
          items: [{}],
          command: () => {
              alert("Test Me alert");
          }
      }

[melloware]

@gucal looks like you introduced this issue with #5190

[gucal]

Good catch. Thanks for the report. i will take care of it as soon as possible.

[Simsopheap]

Thank you so much! ❇️