Drum machine not passing test number 6

So I’m getting the error that when a key pressed the song is not playing but it is playing. Don’t really know how to fix that or if it’s an error from fcc.

6. When I press the trigger key associated with each .drum-pad, the audio clip contained in its child <audio> element should be triggered (e.g. pressing the Q key should trigger the drum pad which contains the string "Q", pressing the W key should trigger the drum pad which contains the string "W", etc.).

https://codesandbox.io/s/electro-player-pl-5if05?file=/src/App.js

Well you do pass all the test

the moment i open ure app i get this: Error
The error you provided does not contain a stack trace.
:arrow_forward: 5 stack frames were collapsed.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.
This error overlay is powered by react-error-overlay used in create-react-app.