[Bug][Toolbar] The Toolbar component doesn't re-render its children when the parent state changes

[Yanko-Georgiev]

Description

When overflow is set to 'section'. The child elements of the Toolbar are not rerendered when the parent state changes. This is not the case when overflow is set to "none" or "scroll".

Plan

KendoReact Free

Steps To Reproduce

1. Open the following Stackblitz: https://stackblitz.com/edit/react-qsj2vdr4-l4kaevkq?file=app%2Fapp.tsx
2. Open the console and notice the two logs: 'render toolbar' and 'render button'
3. Click Change state
4. Notice only one log: 'render toolbar'

Actual Behavior

The Toolbar component doesn't re-render children when the parent state changes

Expected Behavior

The Toolbar component should re-render its children when the parent state changes

Reported in TicketID: 1704240

[Yanko-Georgiev]

As a workaround, you can wrap the Toolbar in React.Fragment and update its key - https://stackblitz.com/edit/react-qsj2vdr4?file=app%2Fapp.tsx