JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="box"></div>
</body>

CSS

#box{
    width: 100px;
    height: 100px;
    border: 1px solid black;
}

JavaScript

$(function(){
    $(document).click(function(ev){
        if(ev.target.id != "box"){
            $('#box').hide(); 
        }  
    });
});