JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/GoodBoyDigital/pixi.js/master/bin/pixi.js"></script>
<div id="canvas" style="width:400px; height:500px">
    
</div>

JavaScript

var renderer = PIXI.autoDetectRenderer(500, 500, null, true);
var stage = new PIXI.Stage(0xFFFFFF);
stage.interactive = true;

document.getElementById("canvas").appendChild(renderer.view);

var rect = new PIXI.Graphics();
rect.lineStyle(1, 0x000);

rect.interactive = true;
rect.hitArea = new PIXI.Rectangle(0,0, 200, 200);
rect.drawRect(0,0, 200,200);
rect.click = function(ev) { console.log("clicked"); }
rect.mouseover = function(ev) { console.log("over"); }
rect.mouseout = function(ev) { console.log("out"); }
stage.addChild(rect);

renderer.render(stage);