У меня проблема с setInterval и clearInterval в React-Redux инструментарий

Question

вот код. Я хочу установить setInterval для dispatch (next ()), каждый работает очень хорошо, когда я нажимаю - текст изменился, но проблемы проявились тогда, когда я пытаюсь установить setInterval и установить clearInterval при select === 3, я не знаю, почему это невозможно когда я вижу, что const select = useSelector(selectActiveQuestion); меняет состояние и этот скрипт не реагирует на clearInterval.

const Quiz = () => {

    const scores = useSelector(modals);
    const select = useSelector(selectActiveQuestion);
    const dispatch = useDispatch();

    function changeText() {
        dispatch(next());
        console.log(select);
    }


    return (
        <div>
            <button onClick={() => changeText()}>Start</button>
            <p>{scores[select].text}</p>
        </div>
    )
}

один из примеров, как я пытался сделать это:

var interval = setInterval(changeText, 500);
function changeText() {
    dispatch(next());
    console.log(select);
    if (select >= 1)
        clearInterval(interval);
}