How to use the @material/top-app-bar/index.MDCTopAppBar function in @material/top-app-bar

  initTopAppBar = topAppBarEle => this.topAppBar = topAppBarEle && new MDCTopAppBar(topAppBarEle);

initTopAppBar = () => {
    if (this.state.topAppBar) {
      this.state.topAppBar.destroy();
    }
    this.setState({topAppBar: new MDCTopAppBar(this.topAppBarRef.current)});
  }

initTopAppBar = topAppBarEle => {
    const {match} = this.props;
    this.topAppBar = new MDCTopAppBar(topAppBarEle);


    if (match.params.type === 'dismissible' || match.params.type === 'modal') {
      topAppBarEle.addEventListener('MDCTopAppBar:nav', () => this.drawer.open = !this.drawer.open);
    }
  };