JSFiddle - React, Tailwind, and code Playground

HTML

<div id="resizable"></div>

CSS

#resizable {
    width: 200px;
    height: 200px;
    background: yellowgreen;
}

JavaScript

//some logic and condition in this case will be true and we need to lock resize
var condition = true;
$("#resizable").resizable({
    handles: 'e',
    start: function (event, ui) {
        if (condition) {
            return false;
        }
        //other logic
    }
});