Почему не получается передать аргумент и вызвать повторный render SVG?

Question

[Ninja Mate]

Есть элемент в котором SVG и функция для определения ширины окна, которая задает ширину SVG
Функция handleResize определяет ширину div и назначает при изменении новый элемент SVG c props

//Здесь происходит определение ширины SVG
componentDidMount() {
        var width = this.props.width;
}

//В родителе
handleResize(e) {
        //Не работает, ширина CoreENGChart остается прежней
        this.setState({ chart: <CoreENGChart width={document.getElementById("mydiv").offsetWidth} /> });
        console.log( document.getElementById("mydiv").offsetWidth );//работает, выдает ширину 
}

componentDidMount(){
        window.addEventListener('resize', this.handleResize);
        //Задаем стейт первый раз и все работает
        this.setState({ chart: <CoreENGChart width={document.getElementById("mydiv").offsetWidth } />});
}
'''
render() {
        return (
            <div id="mydiv">
                {this.state.chart}
            </div>
        );
    }

Почему может не работать?

Answer 1

[Ninja Mate]

Не знаю почему, но элемент без полного обнуления не рендерится заново
Решил так, но хотелось бы понять почему

handleResize() {
        this.setState({ chart: '' });
        this.setState({ chart: <CoreENGChart width={document.getElementById("mydiv").offsetWidth} /> });
}