JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/intro.js/0.5.0/intro.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/intro.js/0.5.0/introjs.min.css">
<table>
    <tr>
        <td>other content</td>
    </tr>
    <tbody class="hl">
    <tr>
        <td>highlighted content. <button type="submit" id="addButton">Add row</button></td>
    </tr>
    </tbody>
</table>

JavaScript

$('#addButton').on('click', function(e) {
    $(e.target).parents('tbody').append('<tr><td>more highlighted content</td></tr>')
    intro.refresh()
})

var intro = introJs()

function startIntro() {
        
    intro.setOptions({
    steps: [{
            element: document.querySelectorAll('.hl')[0],
            intro: "here we are."
        }
    ]
    })
    
    intro.start()
}

startIntro()