title: How to set HTML-id for a canvas element rendered with react-konva
body: <p>I am using react-konva in a project to render HTML5-canvas elements:</p>
  
  <pre><code>import desktop_tea_1 from "./previews_desktop/tea_1.png";
  
  const DesktopTea1 = () =&gt; {
      const [desktop_tea_1_const] = useImage(desktop_tea_1);
      return &lt;Image image={desktop_tea_1_const} width={600} height={600}  /&gt;;
  };
  </code></pre>
  
  <p>(...)</p>
  
  <pre><code>&lt;Stage width={600} height={600}&gt;
      &lt;Layer ref="DesktopTea1"&gt;
          &lt;DesktopTea1/&gt;
      &lt;/Layer&gt;
  &lt;/Stage&gt;
  </code></pre>
  
  <hr>
  
  <p>Now I want the HTML-output to have a id <strong><em>(myId)</em></strong> like:</p>
  
  <pre><code>&lt;canvas width="600" height="600" id="myId"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <hr>
  
  <p>I can only find the <a href="https://konvajs.org/api/Konva.Node.html#id" rel="nofollow noreferrer">konva-id</a> but nothing to set a HTML-id.</p>