Audio waveform generation and playback component using Wavesurfer.js renders the first item in an array fine, but fails when rendering subsequent items.
Wavesurfer.js docs show that the container element for a single waveform component should be included as a property in the return statement. However, the container element is not being updated with each pass of the map loop.
Are renders failing because we're triggering the first render successfully (using useEffect) and subsequent ones are unable to "find" the correct container element?
Here's the Wavesurfer example code for a single waveform using React. I'm unable to find examples of apps using multiple Wavesurfer waveforms, which would be super useful.