title: How to use href in HTML span when using TSX syntax?
body: <p>I'm new to using Typescript and React so sorry if this is a novice question. In my code I have the following line:</p>
  
  <p><code>&lt;p&gt;&lt;span href="#" id="nsTool" style={{color:"white", width: "50px"}}&gt; Namespace &lt;/span&gt;&lt;/p&gt;</code></p>
  
  <p>This originally worked fine when the code was just using Javascript/React but when I converted the file to a .tsx (Typescript), I got the following error:</p>
  
  <pre><code>Type '{ children: string[]; href: string; id: string; style: { color: string; width: string; }; }' is not assignable to type 'DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLSpanElement&gt;, HTMLSpanElement&gt;'.
    Property 'href' does not exist on type 'DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLSpanElement&gt;, HTMLSpanElement&gt;'.
  </code></pre>
  
  <p>Does this mean that I can't use href in the span element? How can I resolve this?</p>