Pomodoro Timer

[SergioTEC]

Describe the bug

When you pause the Pomodoro timer after a short time, the sounds start playing on their own again.
To reproduce the error just pause the timer and wait a few seconds.

Environment

Browser: Chrome Versão 119.0.6045.160 (Versão oficial) 64 bits
OS: Windows 11 22H2 22621.1848
Node Version: v16.13.0

Screenshot

No response

Output

No response

[mateusfg7]

I've been investigating this bug, and looks like it is related with this piece of code:

Noisekun/src/components/sound/index.tsx

Lines 91 to 103 in 789d946

	useEffect(() => {
	const soundState = getSoundState(sound.id)
	if (!soundState || !localSoundState) return
	if (userHasInteracted) {
	sync.active(soundState)
	sync.volume(soundState)
	}
	setLocalSoundState(soundState)
	mountQueryParams()
	}, [soundsStore, userHasInteracted])

and the reference equality behavior of useEffect.

The solution I was found is to use useDeepCompareEffect from "react-use" library. As mentioned in this discussion: https://stackoverflow.com/questions/57859484/useeffect-runs-infinite-loop-despite-no-change-in-dependencies