Keyevent прерывается модальным

Я работаю над проектом React.js с помощью reactstrap, и у меня возникают проблемы с обработкой событий клавиатуры с компонентом, который находится в модальном режиме.

вот мой простой фрагмент кода

<Modal isOpen = {this.state.modal} toggle = {this.toggle}>
      <ModalBody>
              <Input onKeyPress= {(e) => if (e.key === 'Enter') {//do something}} />
      </ModalBody>
</Modal>

Когда я пытаюсь добавить обработчик событий в компонент ввода и проверить его, когда модальный режим открыт, он работает ненормально и

Я попытался добавить e.preventdefault() внутри обработчика onKeyPress, но даже ввод с клавиатуры не работал на компоненте ввода.

и я пытался e.stopPropagation(), но ничего не вышло.

Я думаю, что модальный компонент фиксирует событие нажатия клавиши. Потому что, когда я нажимаю кнопку ESC, он закрывается.

Я хочу только компонент ввода реагирует на событие нажатия клавиши. Как предотвратить захват события нажатия клавиши модальным компонентом?