Проблема с EventListener

  componentDidMount() {
        this.setState({ serviceArr: this.props.arr, ind: (this.props.arr.length - 1) });
        document.addEventListener('keydown', this.pressedButton, false);
 
    }
    componentWillUnmount() {
        document.removeEventListener('keydown', this.pressedButton)
    }
 
    pressedButton(event) {
        //выходы
        if (event.key === "Escape") {
            this.clo();
        }
    }
/**/
    clo = () => {
        let checkErr = [];
        for (let i = 0; i < this.state.serviceArr.length; i++) {
            if (this.state.serviceArr[i].category.length == 0) {
                checkErr.push(1)
                this.setState({ errName: true });
 
            }        
        }
        let objCheck = {}
        for (let i = 0; i < this.state.serviceArr.length; i++) {
            if (Object.keys(objCheck).includes(this.state.serviceArr[i].category)) {
                checkErr.push(1)
                this.setState({ errDuble: true })
            } else {
                objCheck[this.state.serviceArr[i].category] = []
                objCheck[this.state.serviceArr[i].category].push(i)
            }            
        }
        if (checkErr.length == 0) {
            this.props.saveServices(this.state.serviceArr);
        }
    }
/**/
<button className='newAroraButton2' onClick={this.clo}>Закрыть (ESC)</button>

clo = () => {