title: How to use wavesurfer.js in React?
body: <p>i'm trying to render audio files using wavesurfer.js in my react app. I'm a noob and I'm wondering why I'm getting a "Container element not found" message all the time. </p>
  
  <p>This is what i need to know in a nutshell. </p>
  
  <p>THank you in advance!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import WaveSurfer from "wavesurfer.js";
  
  export default function Chat(){
  
    const wavesurfer = WaveSurfer.create({
      container: "#waveform",
    });
    
    render(
      &lt;&gt;
        &lt;div id="waveform"&gt;
        &lt;/div&gt;
      &lt;/&gt;
    )
   }</code></pre>
  </div>
  </div>
  </p>