JSFiddle - React, Tailwind, and code Playground

HTML

<div class="accepter"></div>
<div class="accepter"></div>

CSS

.accepter {
    width: 200px;
    height: 200px;
    border: solid 1px black;
}

.accepter.dragover {
    border-color: red;
}

JavaScript

$(function() {

    $('.accepter').on('dragenter', function() {
        $(this).addClass('dragover');
    }).on('dragleave', function() {
        $(this).removeClass('dragover');
    })

})