React Hooks, Twilio-video, how to set dominantSpeaker screen only 2 seconds after state changes?

Question

React

const Room = ({....
....
const [dominantSpeaker, setDominantSpeaker] = useState(null);
.....
useEffect(() => {
if (dominantSpeaker) {
console.log('dommm', dominantSpeaker);
setParticipants(prevParticipants => [
dominantSpeaker,
...prevParticipants.filter(participant => participant !== dominantSpeaker),
]);
}
}, [dominantSpeaker]);

now screen changes as soon as state changes

Answer 1

In the user effect with the necessary timeout, while with the dependence of your state, which must be taken into account in the change, while taking into account the unmount and, if anything, cleaning the timeout