JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="https://www.printhubpro.co.uk/vendor/designer/designer/fabric.js"></script>
<div id="canvas-wrap">
  <canvas id="canvas" class="canvas_class" width="400" height="400"></canvas>
</div>

CSS

#canvas {
   
}

#canvas-wrap {
  border: thin red solid;
  position: absolute;
  top: 100px;
  left: 10px;
}

JavaScript

$(document).ready(function(){
    var canvas = window._canvas = new fabric.Canvas('canvas');
    var rect = new fabric.Rect({
      width: 50,
      height: 50,
      left: 100,
      top: 100,
      fill: '#fff',
    });
    canvas.add(rect).renderAll().setActiveObject(rect);
});