JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.kineticjs.com/download/kinetic-v3.9.7.js"></script>
<div id="container">
</div>

JavaScript

var stage = new Kinetic.Stage({
    container: "container",
    width: 578,
    height: 200
});

var layer = new Kinetic.Layer();

var circle = new Kinetic.Circle({
    x: stage.getWidth() / 2,
    y: stage.getHeight() / 2,
    radius: 50,
    fill: "#3A5BDE",
    stroke: "#162459",
    strokeWidth: 15,
    draggable: true
});

circle.on("dragstart", function (e) {
   console.log("DragStart event");

    // Cancel further dragging somehow?
   e.cancelBubble = true; 
});

layer.add(circle);
stage.add(layer);