JSFiddle - React, Tailwind, and code Playground

HTML

<div class="area">Click and disappear</div>
<div class="red"></div>

CSS

.red{
    background-color:red;
    height:40px;
    width:120px;
}

JavaScript

$(document).on('click', function(){
    $('.area').hide();
});

$(document).off('click', function(e){
    e.stopPropagation();
});