Recharts Responsive Container неправильно меняет размер во flexbox ⇐ CSS

[Anonymous]

Я пытаюсь создать собственную свертываемую легенду для своего приложения визуализации данных. Он использует реакцию и перезарядку. компонент хорошо визуализируется с первого раза. Но когда я сворачиваю легенду и снова открываю ее, адаптивный контейнер не сжимается до нужного размера. Было бы проще, если бы я знал размер родительского контейнера в пикселях, но у меня нет этой информации при рендеринге. Это ошибка с перезарядкой или гибким блоком, или я делаю это неправильно?

Вот код: https://codesandbox.io/s/8krz9qjk52

Пояснение: проблема в том, что когда я закрываю, а затем открываю легенду, компонент легенды выталкивается из области просмотра, и диаграмма не сжимается до исходного меньшего размера.< /п>

Подробнее здесь: https://stackoverflow.com/questions/508 ... in-flexbox