Cannot read property 'addEventListener' of undefined when calling enableDragSelection

Hello,

I am using wavesurfer within a react app, and I came across a strange issue. I’m using the Regions plugin and I need to do enableDragSelection. So once the wavesurfer is ready and it fires the ready event, I call wavesurfer.enableDragSelection({});. This works just fine when I am running the app locally, but as soon as I make a deploy on Heroku, I get this error instead.

Uncaught TypeError: Cannot read property 'addEventListener' of undefined
    at o.value (regions.js:742)
    at o.enableDragSelection (regions.js:607)

Any help really appreciated! 😃

Wavesurfer.js version(s): 2.1.1

Browser version(s): Chrome v70

[Bran1304]

Thanks for all your help guys, I resolved it by checking the isReady value in wavesurfer.regions.wavesurfer like so:

onReady(wavesurfer) {
    if (!wavesurfer.regions.wavesurfer.isReady) {
      setTimeout(() => this.onReady(wavesurfer), 1000)
      return
    }

    wavesurfer.enableDragSelection({});
}

I might look into adding that event @thijstriemstra when I get some free time this weekend 👍

[shobees]

I am using Wavesurfer in react app . It works . I save the regions in server . I want to add the saved region when the annotate load …