Элементы React, которые можно выбирать и перетаскивать

Я использую реагировать-выбираем-быстро в списке элементов, которые можно выбрать. Однако элемент или группа выбранных элементов также должны быть перетаскиваемыми, что реализовано с помощью реагировать.

Проблема в том, что выделение происходит на пути перетаскивания; при наведении курсора на элемент и попытке его перетащить я вместо этого выбираю.

Мне удалось решить проблему с помощью взлома: хранить в состоянии, зависает ли в данный момент элемент или группа выбранных элементов, и если да, то disable - <SelectableGroup>. Однако это означает, что весь список элементов перерисовывается каждый раз, когда я наводю указатель мыши на элемент.

Поэтому я хотел бы лучшее решение, но не смог его найти. В последней попытке я поместил перетаскиваемый элемент (используя connectDragSource) поверх выбираемого элемента (используя createSelectable) снова поверх <SelectableGroup /> и дал им увеличивающиеся z-indexes, также попытался поиграть с stopPropagation() и preventDefault(), но все же выбор отменяет перетаскивание.

Любые идеи?