JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent" style="background-color:blue;width:140px;height:20px">
        <canvas id="theCanvas" style="background-color: red;">
        </canvas>
    </div>

JavaScript

$(document).ready(function() {
  var canvas = document.getElementById("theCanvas");
  canvas.width = $("#parent").width();
  canvas.height = $("#parent").height();
});