Реагировать на событие keyDown ИНОГДА, запуская KeyUp

Итак, прямо сейчас в моем приложении React происходит невероятно странное явление, и я не совсем уверен, как его описать, но вот:

Я создаю синтезатор с API веб-аудио и React, который реагирует на события keyDown, чтобы вызвать начало заметки, и события keyUp, чтобы вызвать конец заметки. В большинстве случаев это работает безотказно. Но одно нажатие клавиши из каждых 10-15 приводит к срабатыванию дополнительного события keyDown после события keyUp. У меня есть компонент React, который занимается обработкой всех событий и запускает действия Redux в зависимости от обрабатываемого события (keyUp или keyDown). Кроме того, я использую метод lodash/debounce для подавления дополнительных событий keyDown, когда пользователь держит клавишу.

Я не привязан к функции lodash/debounce, мне просто нужно что-то, чтобы подавить лишние события keyDown. Вполне возможно, что я не использую его должным образом или есть более простое решение. Мне просто нужны ответы.

Мой компонент выглядит следующим образом:

import React, { Component } from 'react'
import debounce from 'lodash/debounce'

import { REGISTERED_KEYS } from '../constants/keyboard-constants'

export default class ComputerKeyboard extends Component {
  constructor (props) {
    super(props)

    this.handleKeyDown = this.handleKeyDown.bind(this)
    this.handleKeyUp = this.handleKeyUp.bind(this)
  }

  handleKeyDown (e) {
    return debounce((event = e) => {
      if (this.props.currentKeys.indexOf(event.keyCode) < 0 && REGISTERED_KEYS.includes(event.keyCode)) {
        this.props.keyDown(event.keyCode)
        this.props.updateGateStartTime({ value: this.props.audioContext.currentTime })
      }
    }, 2)()
  }

  handleKeyUp (e) {
    const isLastKey = this.props.currentKeys.includes(e.keyCode) && this.props.currentKeys.length === 1
    if (isLastKey && this.props.gateStartTime) {
      this.props.updateGateStartTime({ value: null })
    }
    if (this.props.currentKeys.includes(e.keyCode) && REGISTERED_KEYS.includes(e.keyCode)) {
      this.props.keyUp(e.keyCode)
    }
  }

  componentDidMount () {
    document.addEventListener('keydown', this.handleKeyDown)
    document.addEventListener('keyup', this.handleKeyUp)
  }

  componentWillUnmount () {
    document.removeEventListener('keydown', this.handleKeyDown)
    document.removeEventListener('keyup', this.handleKeyUp)
  }

  render () {
    return null
  }
}