JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<div id="test1">start</div>
<div id="test2">start</div>

JavaScript

$.widget("test.test1", {
    output: function() {
        this.element.text("test1");
    }
});
    
$.widget("test.test2", {
    output: function() {
        this.element.text("test2");
    }
});

    
var sommer = {
    _create: function() {
        this.output();                    
    },
    
    /* Commenting out this method makes the the widgets perform correctly */
    output: function() {
        this._super();            
    }
};

$.widget("test.sommer1", $.test.test1, sommer);
$.widget("test.sommer2", $.test.test2, sommer);

$("#test1").sommer1();
$("#test2").sommer2();