How to set Left Nav props.docked desktop : true, mobile : false?

[borm]

Subj
I've tried change docked variable when component render

isDocked(){
    let docked = false;

    if (this.isDeviceSize(StyleResizable.statics.Sizes.MEDIUM) ||
      this.isDeviceSize(StyleResizable.statics.Sizes.LARGE)) {
      docked = true;
    }
    return docked;
  },

  render() {
    let header = (
      <div style={this.getStyles()} onTouchTap={this._onHeaderClick}>
        material ui
      </div>
    );
    this.docked = this.isDocked();
    return (
      <LeftNav
        ref="leftNav"
        docked={this.docked}
        isInitiallyOpen={false}
        header={header}
        menuItems={menuItems}
        selectedIndex={this._getSelectedIndex()}
        onChange={this._onLeftNavChange} />
    );
  },

[borm]

I have only one solution

componentWillMount(){
    let setTabsState = function() {
      this.setState({isDocked: !(document.body.clientWidth <= 647)});
    }.bind(this);
    setTabsState();
    window.onresize = setTabsState;
  }

[CalebEverett]

I got this to work by adding a few lines to the _onWindowResize function in left-nav.js:

    if (this.props.docked) {
      this.open()
    }
    else {
      this.close()
    }