title: How to delete a konva shape/image , when using node.destroy()
body: <p>While using konva I am using a button to add a shape multiple times on to my Stage
  using something similar to </p>
  
  <pre><code>      document.getElementById('Rect').addEventListener( "click" , function () {
  
          let layer = new Konva.Layer();
  
          let item = new Konva.Rect({
            x: 20,
            y: 20,
            width: 100,
            height: 50,
            fill: 'green',
            stroke: 'black',
            strokeWidth: 4,
            draggable: true,
          });
  </code></pre>
  
  <p>This appends a rectangle shape, if clicked multiple times it also appends extra shapes
  I want to provide user with an option of deleting a particular shape that he wishes to delete with a button.
  I tried to use context Menu tutorial available at Konva Tutorials but when implementing the delete function available there</p>
  
  <pre><code>        document.getElementById('delete-button').addEventListener('click', () =&gt; {
  
            currentShape.destroy();
  
            layer.draw();
          });
  </code></pre>
  
  <p>It is unable to delete the transformer layer added to the shape </p>
  
  <pre><code>        document.getElementById('delete-button').addEventListener('click', () =&gt; {
            tr.detach();
            currentShape.destroy();
  
            layer.draw();
          });
  </code></pre>
  
  <p>I tried to detach the transformer / hide it but it removes it from all available instances of the shape</p>
  
  <p>How can I solve this problem, Thanks a lot !!</p>