JSFiddle - React, Tailwind, and code Playground

HTML

<div id='draggable'></div>
<div id='snaptarget'></div>

CSS

div {
    width: 50px;
    height: 50px;
    background: orange;
}

#snaptarget {
    margin: 10px;
    width: 200px;
    height: 200px;
    border: 2px dashed red;
    background: yellow;
}

JavaScript

$("#draggable").draggable({
                helper: 'clone',
                cursor: 'pointer',
            });

            $("#snaptarget").droppable({
                drop: function(event, ui) {
                       var randomnumber = Math.floor(Math.random()*1000000);
                       var newId = 'draggable_'+randomnumber;

                        $(ui.helper).clone(true).removeAttr('id').attr('id',newId).appendTo('#snaptarget');                     
                        $('#' + newId).draggable();                   
                }
            });