JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<button>click</button>
<div>this thing contains a ® that needs to be sup</div>
</body>
<!-- I sadly cant do the replace before the eventlistener gets added -->
JavaScript
$(document).ready(function(){
$('button').click(function(){
alert('hi');
});
document.body.innerHTML = document.body.innerHTML.replace(/\u00AE/, '<sup>®</sup>')
});