JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
    <ul>
        
        <li><a href="#tabs-1">Start</a></li>
        
        <li><a href="/echo/html/">Tab 1</a></li>
        <li><a href="/echo/html/">Tab 2</a></li>
    </ul>
    <div id="tabs-1">
        <p>Landing point</p>        
  </div>
</div>

CSS

@import "http://jqueryui.com/themes/base/jquery.ui.all.css";

JavaScript

$(function() {
    $("#tabs").tabs({
        cache: true,
        ajaxOptions: {
            cache: true,
            data: {
                html: "Some test data...",
                delay: 3
            },
            type: 'post',
            error: function(xhr, status, index, anchor) {
                $(anchor.hash).html("AJAX Error...");
            }
        }
    });
});