JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.18/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.17/themes/blitzer/jquery-ui.css">
Actual:
<div id="buttonSet1">
    <a id="button1" href="#">Testing 1</a>
    <a id="button2" href="#">Testing 2</a>
    <a id="button3" href="#">Testing 3</a>
</div>
Expected:
<div id="buttonSet2">
    <button id="button4">Testing 4</button>
    <button id="button5">Testing 5</button>
    <button id="button6">Testing 6</button>
</div>

JavaScript

$(document).ready(function() {
    $("a").button();
    $("#button1").button("disable");
    $("#buttonSet1").buttonset();

    $("button").button();
    $("#button4").button("disable");
    $("#buttonSet2").buttonset();
});