Dynamic hoc

parent.tsx

    height = -1;
    leftMenu;
    registerHeightChange(element: React.ReactElement<{}>) {
        const Component = element.type['WrappedComponent'];
        const orig = Component.prototype.componentDidUpdate;
        const thiz = this;
        Component.prototype.componentDidUpdate = function() {
            // console.log(this);
            const self = ReactDOM.findDOMNode(this);
            if (thiz.height !== self.clientHeight) {
                thiz.height = self.clientHeight;
                console.log('height', thiz.height);
                if (thiz.leftMenu) {
                    thiz.leftMenu['forceUpdate']();
                }
            }

            // console.log(thiz);
            if (orig) {
                orig.call(this);
            }
        };

        return element;
    }

    render() {
        return (
            …
            { this.registerHeightChange(this.props.children) }
            ...
        )
    }