JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="open">
    Open Hand
</div>
<div class="closed">
    Closed Hand
</div>
<div id="click">
    Click Me
</div>

CSS

body {
  
}
div{
height: 100px; border: solid 1px #ddd;
}
.open {
    cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}
.closed {
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}

JavaScript

$("#click").bind({
  mousedown: function() { 
            $(this).addClass("closed");
        },
  mouseup: function() {
            $(this).removeClass("closed");
        }
});