title: xlink:href attribute on <use> tag throws typescript error when used in tsx file
body: <p>I have simple code that includes svg icon with <code>&lt;use&gt;</code> tag into web-component created with stencjiljs (tsx syntax). However, when I add <code>xlink:href</code> attribute to <code>&lt;use&gt;</code> tag I get error <code>Identifier expected</code>.</p>
  
  <pre><code>Example code: 
  import { Component, Prop } from '@stencil/core';
  
  @Component({
     tag: 'example-component',
     styleUrl: 'example-component.scss',
  })
  
   export class ExampleComponent {
       render() {
          return (
              &lt;svg&gt;
                  &lt;use href="#iconid" xlink:href="#iconid"/&gt;
              &lt;/svg&gt;
         );
      }
  }
  </code></pre>
  
  <p>I tired to search for tsx/jsx specific solution but all I got is that it's <code>xLinkHref</code> in React, which doesn't work in this case.</p>
  
  <p>I there specific way to do this?</p>