JSFiddle - React, Tailwind, and code Playground

HTML

<body>
            
    <p>When you click on the button, the cursor is supposed to be “waiting”.</p>
        
    <p>However, if you don't move the cursor, it will stay at “pointer”</p>
    
	<button>
Click and stay inside me, you will see the problem.
	</button>
</body>

CSS

button {
			cursor: pointer;
		}

JavaScript

$(document).ready(function(){
		$("button").click(function() {
			$('html').css('cursor','wait');
		});
	});