React howler

React howler (opens in a new tab) is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio.

Official Demo

Can have a look at their official Demo (opens in a new tab)

import ReactHowler from 'react-howler';
 
const [NotificationRing, setNotificationRing] = useState<boolean>(false);
const updateNotification = () =>{
    setNotificationRing(true);
}
return (
.
.
    <ReactHowler
            src="/pathToYourAudioFile.wav"
            playing={NotificationRing}
            preload={true}
          />
.
.
 
)

React Favicon Firebase