JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas"></canvas>

CSS

canvas {
  width: 100%;
  height: 100%;
}

JavaScript

document.getElementById('canvas').addEventListener('mousedown', e=> {
	console.error('Mouse down');
});

document.getElementById('canvas').addEventListener('mouseup', e=> {
	console.error('Mouse up');
});