Responvie detect in window.resize

layout.js

    componentDidMount() {
        window.addEventListener("resize", ()=> {
            this.updateDimensions();
        });
        this.updateDimensions();
    }
    
    updateDimensions() {
        let w = window,
            d = document,
            documentElement = d.documentElement,
            body = d.getElementsByTagName('body')[0],
            width = w.innerWidth || documentElement.clientWidth || body.clientWidth,
            height = w.innerHeight || documentElement.clientHeight || body.clientHeight,
            mobile = width < 740;

        let appBarText = "Titulo muito longo para desktop";
        if (mobile)
            appBarText = "Titulo Curto";

        console.log(width + ' x ' + height+': '+mobile);
        
        this.setState({windowWidth: width, windowHeight: height, mobile: mobile, appBarText: appBarText});
        
        if (mobile && this.state.menuOpen)
            this.toggleMenu();
    }

    componentWillUnmount() {
        window.removeEventListener("resize", this.updateDimensions);
    }