JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<div>
<canvas id="canvas" width="800" height="800" style="border:1px solid red"/>
</div>

JavaScript

var canvas=new fabric.Canvas('canvas');
    canvas.add(new fabric.Rect({                    
                    left:100,
                    top: 100,
                    width: 75,
                    height: 50,
                    fill: 'white',
                    stroke: 'black',
                    strokeWidth: 3,
                    padding: 10,
                    selectable: true
                }));

    canvas.on("mouse:up", function(){
    	var currObj = canvas.getActiveObject();
      if (currObj.type === 'rect') {
        var newWidth = currObj.width * currObj.scaleX,
            newHeight = currObj.height * currObj.scaleY;

          currObj.set({
            'width': newWidth,
            'height': newHeight,
            scaleX: 1,
            scaleY: 1
          });
      }
			canvas.renderAll();
    });