Можно ли вызвать onChange, когда установлен пользовательский флажок Bootstrap 4?

Question

Я создал один из пользовательских флажков Bootstrap 4, который выглядит следующим образом:

<div className="custom-control custom-checkbox">
    <input onChange={ (evt) => { console.log("CHANGED") }}
        type="checkbox" 
        className="custom-control-input" 
        id="barChartsCheckbox" />
    <label className="custom-control-label" htmlFor="barChartsCheckbox">Bar Charts</label>
</div>

Я использую React, поэтому я хочу обнаружить изменение состояния для повторного рендеринга страницы, но событие onChange не вызывается .

Насколько я понимаю, пользовательские флажки Bootstrap работают с применением псевдокласса :checked, поэтому можно отследить это изменение с помощью onChange функция?

РЕДАКТИРОВАТЬ

Кажется, что применение слушателя onChange через jQuery работает согласно этому вопросу

$('.custom-control-input').on('change', evt => {
    console.log("test");
})

Так почему же атрибут onChange не работает в React?