满足真实条件时不会清除/停止的SetInterval吗？反应钩

如何解决满足真实条件时不会清除/停止的SetInterval吗？反应钩

我有一个setInterval，当它满足真实条件时不会清除/停止。

当开始时间有价值时，我将运行setInterval，如果持续时间(startTime - dateNow)为3秒，则我想调用notify()和clearInterval。第二个if语句仅在我从useEffect中取出时才被调用，但是clearInterval不会被调用。当我离开下面的第二个if语句时，它根本不会被调用。有什么建议？谢谢。

    const [state,setState] = useState({
        duration: 0,dateNow: moment().valueOf()
    });

    const startTime = 1597579842806; // *startTime is created when you click on start time button.* 

    useEffect(() => {
        let durationTimer = null;

        if (startTime) {
            durationTimer = setInterval(() =>
                setState((prevstate) => ({
                    ...prevstate,duration: prevstate.dateNow - startTime,dateNow: prevstate.dateNow + 1000
                })),1000);
        }
          
        return () => {
            clearInterval(durationTimer);

            if (state.duration >= 3000) { // *this code block doesn't get called inside useEffect*
                notify();
                clearInterval(durationTimer);
            }
        };

    },[startTime]);