Kendo React PanelBar, Routing and selection not working

Hi all

I'm using the React Panelbar together with the React router, something like

<PanelBar expandMode={'multiple'} onSelect={this.onSelect}>
    <PanelBarItem title='Overall views' route="/monitoring/overview" expanded={true}>
        <PanelBarItem id='overviewLink' title='All Resources' route="/monitoring/overview"/>
        <PanelBarItem id='appmonitorLink' title={'AppMonitor'} route="/monitoring/appmonitor"/>
    </PanelBarItem>

This all works nicely, when clicking the respective items in the PanelBar, the application is routed accordingly.

But when I navigate directly to a specific URL (e.g. via a button/selectable item in the application, or via the browser Back button), the selected item in the PanelBar is not correctly updated. The selection either stays with the last clicked PanelBarItem, or simply no item is selected. The routing in the application itsself works as expected.

Is there somewhere an example what I need to do to keep the selected PanelBarItem in sync with the application state?

BTW: When using https://www.telerik.com/kendo-react-ui/components/layout/panelbar/routing/ clicking different PanelBarItems and then browser Back, it shows the same behaviour. Application state is updated correctly, but the wrong PanelBarItem remains selected

Thanks for any hints!