Need to have onClick Event on PanelBarItem of the <PanelBar> component

Hi, 

I am trying to use PanelBar within a drawer component. I want to be able to navigate on the click of PanelBarItem item. From what I gather from your website (https://www.telerik.com/kendo-react-ui/components/layout/api/PanelBarProps/) is that the onSelect() event is available on the PanelBar and not on PanelBarItem.

Could you please provide an example where in I could use the click of PanelBarItem for navigation purpose. 

I tried below code, but instead of <List> and <ListItem> I want to use PanelBar and PanelBarItem. Code below for your reference. Thank you. 

<Drawer
        variant="permanent"
        className={classNames(classes.drawer, {
          [classes.drawerOpen]: props.drawerOpen,
          [classes.drawerClose]: !props.drawerOpen
        })}
        classes={{
          paper: classNames({
            [classes.drawerOpen]: props.drawerOpen,
            [classes.drawerClose]: !props.drawerOpen
          })
        }}
        open={props.drawerOpen}
      >
        <List>
          {/* todo: offset for appbar */}
          <div className={classes.toolbar} />
          {props.data.map((item, index) => (
            <ListItem
              button
              key={index}
              component={Link}
              to={item.name}
              onClick={() => handleMenuItemClick(item)}
            >
              <img
                alt={item.title}
                src={`Images/Icons/24x24/${item.iconUrl}`}
              />
              <ListItemText
                className={classes.menuItemText}
                primary={item.displayName}
              />
            </ListItem>
          ))}
        </List>
      </Drawer>