title: Using the HTML5 audio tag in Reactjs
body: <p>I'm trying to use the HTML5 <code>&lt;audio&gt;</code> tag in React but it isn't being rendered.</p>
  <p>This is my first time using React, so I might be missing something obvious.</p>
  <p>I'm taking an existing Drupal frontend and re-building it in React.</p>
  <p>All my other HTML is working, but the HTML5 <code>&lt;audio&gt;</code> tag is not.</p>
  <p>Here's my simplest component to show the problem:</p>
  <pre><code>  const NoData = () =&gt; (
      &lt;audio controls=&quot;&quot; controlsList=&quot;nodownload&quot;&gt;
        &lt;source src=&quot;/sites/default/files/fruits/apples.mp3&quot; type=&quot;audio/mpeg&quot; /&gt;
      &lt;/audio&gt;
    );
  </code></pre>
  <p>When I view the page, the HTML is there, but it doesn't get rendered.</p>
  <p>This HTML was copied from another part of my site verbatim, so it should work.</p>
  <p>The React app is embedded in a Drupal page, so I copied the <code>&lt;audio&gt;</code> tag into the Drupal page itself, and it works there.  It just doesn't show up inside React itself.</p>
  <p>The file in the <code>&lt;source&gt;</code> tag is being read; if I change the file to one that is invalid, I get a warning in the Chrome dev tools.</p>
  <p>So how do I use the HTML5 <code>&lt;audio&gt;</code> tag in React?</p>