SideNavigationItem: Contain other components like Badge

Is your feature request related to a problem? Please describe.
I'm on a task that a Badge component need to be added after the SideNavigationSubItem but I found that SideNavigationSubItem only accepts designed props. Other components don't work inside SideNavigationItem .
This is the SideNavigationItem component I'm working on.

<SideNavigationItem id={item.id} key={item.id} text={item.text} icon={item.icon} >
  {item.sub.map((data) => (
    <SideNavigationSubItem
      className={classes.sideBarNavItem}
      id={data.id}
      key={data.id}
      text={data.text}
      selected={data.id === navItemSelected} />
  ))}
</SideNavigationItem>)

Describe the solution you'd like
I drew a prototype. The Badge named 'Beta' is attached after SideNavigationSubItem

Additional context
I'm wondering weather the feature above is feasible. Looking forward to your reply, thanks!