Mousetrap takes precedence over React's keyboard events?

class TestComponent extends React.Component {
  handleInputKeyDown(e) {
  	e.stopPropagation();
  	console.log("input key down", e.key);
  }
  
  handleWrapperKeyDown(e) {
    e.stopPropagation();
  	console.log("wrapper key down", e.key);
  }
  
  componentDidMount() {
  	Mousetrap(this.wrapper).bind('esc', this.handleWrapperKeyDown, 'keydown');
  }
  
  componentWillUnmount() {
  	Mousetrap(this.wrapper).unbind('esc');
  }
  
	render() {
  	return (
      <div ref={(elem) => this.wrapper = elem}>
        <input onKeyDown={this.handleInputKeyDown} />
      </div>
    )
  }
}