JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    $(document).ready(function() {
        $("#outside").click(function() {
            alert("outside click");
        });

        $(".inside").click(function(e) {  
        e.stopPropagation();
            alert("inside click");
            
            return false;
        });

    });
</script>
<ul>
    <li id="outside" style="border:2px solid red; padding:20px;">
        <div class="inside" style="border:2px solid blue; ">Click This Div. I want to accept the inside click but not the outside click.</div>
    </li>
</ul>