react-audio-player | A simple React wrapper on the HTML5 audio tag | Frontend Framework library

Currently I am rendering a list of songs where there is a toggle button I made to render a form to add a song. How can I make it so when that form is submitted it will hide the form without a button click. I attempted to make a useEffect to trigger the function but I couldn't crack it. Thanks in advance.

The list of songs

This is the component

I use a button to control the audio player mute but it makes the player default mute, I want that only mute when clicking.How to edit it

I succesfully used react-audio-player to reproduce an audio track; now I need to reproduce more than one track, and possibly to reproduce them sequentially (but without autoPlay: I need to start the first one manually and then the following start by themselves). Is it possible to do that?

What I did:

I tried using some npm packages, but they didn't seem to work, i'm actually using React-audio-player, although the player is playing well and displaying the duration, but i want to be able to get the audio duration before playing and rendering it to my playlist.

I am trying to execute a simple function. But eslient tells me that I have a Parsing error: Unexpected token.

I am trying to combine controls of amcharts to the react audio player.
Here, I have amcharts line graph with a slider. Now I am trying control the slider in such a way that whenever I hit the play button of react audio player, I could move the slider with the audio player's seeker. I hope, this makes sense to you.