JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://calebjacob.com/tooltipster/js/jquery.tooltipster.js"></script>
<link rel="stylesheet" href="http://calebjacob.com/tooltipster/css/tooltipster.css">
<a class="update" href="#">Hello</a>


<div align="center" class="element" title="Try clicking <a href='http://google.com'>this link</a>"> 
    <p>This div has a tooltip when you hover over it!</p>
</div>

JavaScript

$(document).ready(function() {
	$('.element').tooltipster({
	   animation: 'fade',
	   delay: 180,
	   offsetX: 0,
	   offsetY: 0,
	   onlyOne: true,
	   position: 'top',
	   maxWidth: '300',
	   speed: 150,
	   timer: 0,
	   theme: '.tooltipster-default',
	   interactive: true,
	   interactiveTolerance: 350,	   
	   updateAnimation: true,
	   trigger: 'custom',
	   interactive: true,
        contentAsHTML: true
	});

	$('.element').tooltipster('update', 'Select an Image from the right hand image list.<a class="update" href="#">Cancel Editing.</a>');
	$('.element').tooltipster('show');

    $(document).on('click', '.update', function(){
        alert('hello');
    })
    
	//$('.update').click(function(){
	//	alert("hello");
	//});	

});