Не понимаю из-за чего выбивает ошибку?

Question

[Itername]

const [timeZone, setTimeZone] = useState("");
    const [currentTime, setCurrentTime] = useState("");
    const [timeUnloading, setTimeUnloading] = useState("");
    const [timeGAP, setTimeGAP] = useState("");
    const [zone, setZone] = useState("Chicago");

    useEffect(() => {
        setTimeZone(DateTime.local().setZone(`America/${zone}`));
        const time = setInterval(() => {
            console.log(1);
            setCurrentTime(timeZone.toFormat("FF"));
            setTimeUnloading(
                timeZone.minus({ days: 8, hours: 12 }).toFormat("FF")
            );
            setTimeGAP(timeZone.minus({ days: 9 }).toFormat("FF"));
        }, 1000);
        return () => clearInterval(time);
    }, []);
    console.log(zone, timeZone, currentTime, timeUnloading, timeGAP);

Ошибка: Uncaught TypeError: timeZone.toFormat is not a function

Comments

[Антон Горецкий]

в первой строке кода вы говорите что timeZone это пустая строка. А с чего бы это у пустой строки был метод toFormat ?

[Itername]

я потом сразу в useEffect даю значение timeZone

setTimeZone(DateTime.local().setZone(`America/${zone}`));

[Gary_Ihar]

Itername, это для вас сразу, а вот для реакта это не сразу

[Антон Горецкий]

Itername, чтобы не гадать сразу после console.log(1) напишите
console.log(typeof timeZone)

[szQocks]

Мутабельный объект хранить в useState - плохая практика, и нужно добавить timeZone зависимость в useEffect и тогда ошибка пропадет, но будут другие проблемы а точнее - бесконечный вызов useEffect, удачи друг