Need help with using useRef() with recoil.

[nikhilcbhat021]

Hi, I am new to web development AND to Recoil. Please correct me if I got some concepts wrong :).

I am trying to build a music player application using Recoil ,
and I am facing a blocker.

I had thought to use 'audio' tag to control the playback and attaching a reference to it (useRef).
Then, access this reference, to play, pause, update track etc, when user clicks on the track card...

The problem is I am not able to initialise it. I tried the following :-

added default: useref().
added an inline selector (default: selector...) that returns a useRef().
set default: null, then in the Component, on load, checked if its null => then set it to useRef -- (setter(useRef())).

Any ideas how I can solve this ??