JSFiddle - React, Tailwind, and code Playground
HTML
<div onclick="alert('hey')" style="display:inline-block">
<button disabled>
<span>Click</span>
</button>
</div>
CSS
.disabled {
pointer-events: none;
}
<div onclick="alert('hey')" style="display:inline-block">
<button disabled>
<span>Click</span>
</button>
</div>
.disabled {
pointer-events: none;
}