React-chart js -2 динамически обновлять высоту

Question

Я использую библиотеку react-chart js -2. Я использовал HorizantalBar, который будет получать данные через реквизиты динамически от родительского компонента. Я обернул HorizantalBar внутри div, чтобы контролировать его высоту в соответствии с данными. Высота обновляется в div, но не в диаграмме, если браузер не обновлен / не изменен размер. Я осмотрел и проверил элемент. Высота элемента холста диаграммы не обновляется при повторной визуализации. Может кто-нибудь помочь?

<div className={classes.chart}  style={{ height: calculateHeight()}}>
    <HorizontalBar data={dataHorizontal}
    ref={(reference) => { chartReference = reference }}
    options={chartOptions}>
    </HorizontalBar>
</div>

function calculateHeight() {
    let length = arrayData ? arrayData.length : 0
    switch (true) {
        case length >= 0 && length <= 7:
            // console.log("1");
            return 50 + length * 50;
        case length > 8:
            // console.log("2");
            return 450 + ((length - 8) * 50);
        default:
            // console.log("3");
            return 450
    }
}