Как добавить обработчки событий при обновлении компонента Или почему не работает событие?

Question

[uRoot]

Есть классовый компонент с условным рендерингом:

<div id="deskresult" className={'col'}
                      {this.state.selected.length === 4 &&
                        [0, 1, 2, 3].map((item, index) =>(
                        <button
                          className='hidden-button'
                          onMouseOver={() => this.dragPoint( item)}
                        />
                      ))}
</div>

Событие onMouseOver отрабатывает как и положенно. Но если добавить рядом событие onMouseDown, то ф-ция на onMouseDown не сработает. Когда в DOM появлятся эти элементы и если им просто поменять тег с button на div (в обратном порядке тоже всё ок), то всё будет работать. Не подскажите в чём может быть проблема?