Transition in right sidebar not working

[henryennis]

Transitions applied via css class to headerPanel are ignored.

Using the HeaderContainer along with its render method from the react carbon components story causes header panel transitions to be ignored

Credit:
https://stackoverflow.com/questions/62703153/react-carbon-design-system-transition-in-right-sidebar-not-working

Additional information:
Got transitions working by removing the headerContainer and making use of react useState to manage the state of sideNav.

Furthermore the headerContainer component should not exist at all as state management should be done through your framework.

unsure if this is a bug or the examples in carbon react story needs to be updated.

References:
https://react.carbondesignsystem.com/?path=/story/components-ui-shell--header-base-w-navigation-actions-and-side-nav

Using chrome browser: Version 91.0.4472.124 (Official Build) (64-bit)