Sound not playing when in useEffect()

Hello, I am using this with socket.io and my code looks like this:

import moveAudioFile from "../assets/sounds/Move.mp3";
import captureAudioFile from "../assets/sounds/Capture.mp3";
import gameStartAudioFile from "../assets/sounds/GameStart.mp3";

export default function Example() {
        const [playMoveSound] = useSound(moveAudioFile);
	const [playCaptureSound] = useSound(captureAudioFile);
	const [playGameStartSound] = useSound(gameStartAudioFile);

        useEffect(() => {
                socket.on("opponentMoved", (moveMade) => {
			let move = null;
	                safeGameMutate((game) => {
				move = game.move({
				from: moveMade.move.sourceSquare,
				to: moveMade.move.targetSquare,
				promotion: "q", // always promote to a queen for example simplicity
			 });
			if (move && move.captured !== undefined) {
				 console.log("capture sound");
				 playCaptureSound();
			} else {
	                        console.log("move sound");
				playMoveSound();
			}
		  });
		setFen(game.fen());
		});
	}, []);
}

It is properly printing out “capture sound” and “move sound” to the console but no sound plays on either. Do you have any suggestions? Thanks!

[CodingMeSwiftly]

Same here. Minimal code to reproduce:

const [playSound] = useSound('path/to/file.mp3')
useEffect(() => {
    playSound()
}, [])

Very weird issue: In a dev environment (next dev with HMR), sound doesn’t play when the page loads initially, but on each subsequent refresh triggered by HMR, the sound plays.

useEffect(() => {
    playSound()
})

Works fine…

–Update–

I snapped and changed the code to new Audio('/path/to/file.mp3').play(). Works flawlessly 😄

[camden]

@CodingMeSwiftly OMG the new Audio thing worked. Thank you so much!

OP’s problem is identical to mine. I would love to see a fix that would allow me to use use-sound. But this works!