ReactJS проблема с hotkeys-js

Новичок в web-программировании. Пытаюсь добавить поддержку горячих клавиш в react приложение с использованием пакета hotkeys-js (https://npm.io/package/hotkeys-js). Есть statefull компонент с методом:

HandleAddProject = () => {
        this.props.history.push({
            pathname: `/projects/0`,
        })
    }

при монтировании компонента определяю горячую клавишу для этого метода:

componentDidMount(){
        ...

        hotkeys('ins', function(event){
            event.preventDefault() 
            this.HandleAddProject()
          }.bind(this));
    }

Горячая клавиша срабатывает, но как-то не так: переход по новому адресу происходит, но не прорисовывается требуемый компонент. Не могу понять в чем проблема.

На скриншотах показаны результаты вызова метода HandleAddProject горячей клавишей и при помощи одной из кнопок приложения: вызов горячей клавишей вызов из обработчика клика по кнопке


Ответы (0 шт):