Unexpected token error from Regions plugin on 5.0.0

Wavesurfer.js version(s):

5.0.0

Browser and operating system version(s):

Firefox 88, macOS Big Sur

Code needed to reproduce the issue:

Next.js v10.1.3.

const regions = RegionsPlugin.create({});
const plugins = [regions];
...
wavesurfer.current = WaveSurfer.create({
      container: ref.current,
      height: 200,
      plugins,
    });

Use behaviour needed to reproduce the issue:

I came from 4.6.0 where this isn’t an issue.

./node_modules/wavesurfer.js/src/plugin/regions/region.js 46:47
Module parse failed: Unexpected token (46:47)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|         this.data = params.data || {};
|         this.attributes = params.attributes || {};
>         this.showTooltip = params.showTooltip ?? true;
| 
|         this.maxLength = params.maxLength;

[gavrichards]

Ok fair enough, thanks for your help.

[n0mn0m]

Thanks @caugner. I do have the types installed, and for just WaveSurfer things work and I get the media element.

I started using the imports based on the jest test (to add plugins), and ran into the nullish operator error at the top of this issue. Doing some more reading last night I think I’m running into this issue. I’m going to test some of the suggestions there, but I may have to customize babel a bit to get this all working. Thanks for the links!