useEffect(() => {
        const timer = setInterval(() => {
            const currentday = new Date();
            const currentHour = currentday.getUTCHours() + 7; // UTC+7
            setcurrentTime({ hour: currentHour, min: currentday.getUTCMinutes(), sec: currentday.getUTCSeconds() });
            if (checkTab != currentHour) {
                if (currentHour >= tab1.UTCStart && currentHour < tab1.UTCEnd) setTab1({ UTCisActive: true, isActive: true, ...tab1 });
                if (currentHour >= tab2.UTCStart && currentHour < tab2.UTCEnd) setTab2({ UTCisActive: true, isActive: true, ...tab2 });
                if (currentHour >= tab3.UTCStart && currentHour < tab3.UTCEnd) setTab3({ UTCisActive: true, isActive: true, ...tab3 });
                if (currentHour >= tab4.UTCStart && currentHour < tab4.UTCEnd) setTab4({ UTCisActive: true, isActive: true, ...tab4 });
                checkTab = currentHour;
                console.log(currentHour + '>' + tab1.UTCisActive + '>' + tab2.UTCisActive + '>' + tab3.UTCisActive + '>' + tab4.UTCisActive + '>');
            }
            checkTab = currentHour;
        }, 1000);
        return () => {
            clearInterval(timer);
        };
    }, [tab1, tab2, tab3, tab4]);