JSFiddle - React, Tailwind, and code Playground

HTML

<div id="elm"></div>
<audio id="son">
	<source src="https://www.freesound.org/data/previews/192/192625_2475994-lq.ogg" type="audio/ogg">
    <source src="https://www.freesound.org/data/previews/192/192625_2475994-lq.mp3" type="audio/mpeg">
</audio>

CSS

#elm { width: 200px; height: 200px; background: #bada55; }

JavaScript

$('#elm').on('mouseenter', function () {
    var son = $('#son')[0];
    son.currentTime = 0;
    son.play();
});