TypeError: Cannot read property 'addEventListener' of null

[iangwaigdev]

n.value node_modules/react-audioplayer/build/react-audioplayer.js:1

TypeError: Cannot read property 'addEventListener' of null
TypeError: Cannot read property 'removeEventListener' of null

two errors when trying to load component inside render.

<Audio
width={600}
height={400}
autoPlay={true}
fullPlayer={true}
playlist={p}
style={{ paddingTop: 5 }}
onCommentSubmit={text => {
console.log(text);
}}
/>

const p is an array with song objects.

[AlexThomas90210]

Same issue here, did you find a solution?

[xmeltrut]

+1

[xmeltrut]

I downgraded to version 0.2.3 and that solved it.

same here.... to say that I see this exploding bug.

@xmeltrut This might resolve the issue, I haven't tested but it introduces 355 vulnerabilities from what NPM is screaming about.

trying this
npm install react-audioplayer@0.2.3 --save
npm audit fix

No this still exploded...

The stacktrace is so large I am lost as to what really broke this. Either it's really small or really large this bug..

either way , I am not sure if I should risk such a potential explosion.

[iangwaigdev]

Actually, I found out that the issue is somewhere in the comments module. So i removed the call to render the comments from the overall player and I think that solved it. Don't remember what else I did, but it's really a pain so I might still be changing to something else soon.

[rupalipemare]

I downgraded to version 0.2.3 but still the same , also tried removing comments module , no use.
Same error continues.

Looking for a solution. Thanks in advance.

[joshuaiz]

Still getting this error. Makes this unusable.

[alouane]

moving back to 0.2.3 fixed the problem

[tito300]

I was able to solve my issue by switching from npm install to yarn install. Apparently, the project was set up using yarn originally and I just joined and was used to npm. Not sure why that fixed it but it did.