How to change width of ApexCharts bar smootly?

[hdsand]

I have a sidebar and a ApexCharts bar. When I click on the sidebar, it opens smoothly, but the bar changes its width abruptly.

Please, look at the example https://codesandbox.io/s/react-apexcharts-bar-chart-forked-c52pq?file=/src/index.js

Click on the red rectangle aka "sidebar" on the left.

Is it possible to make the bar change its width smoothly without a horizontal scrollbar? Thanks in advance!

I've tried but failed:

• transition on the parent
• apexcharts animations
• redrawOnParentResize
• window.dispatchEvent(new Event('resize'))
• react refs
• setTimeout