javascript — Плагин React Drag and Drop

Я работаю над такой моделью:

Итак, здесь левая сторона представляет собой простой список, который содержит элементы списка. 1. Это не может быть сброшено, только перетаскиваемый 2. После перетаскивания этот список остается неизменным все время.

С правой стороны перетаскиваемый объект будет опущен сюда.

1. После того, как пользователь перетащил элемент с левой стороны, другая сторона / правая сторона должны указывать пользователю заполнители, куда они могут уронить.
2. Все выпавшие предметы на правой стороне могут быть заменены в правой части.
3. Правая область должна содержать как строку начальной загрузки, функциональность столбца.

Я должен добиться чего-то похожего на этот https://react-email-editor-demo.netlify.com/

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

После поиска многих вещей, в Reaction-Beautiful-DDD, мы не можем добавить пользовательские заполнители.

Любая помощь в этом, был бы благодарен.