Не записывается обьект с масивами после запроса с сервера в react

я пытаюсь получить с сервера обьект с масивами.Он приходит,но я не могу его записать в хуки и отобразить.

const [started, setStarted] = useState({
        superVip: [],
        vip: [],
        premium: [],
        standart: [],
}

);
const [startingThisMonth, setStartingThisMonth] = useState({
    superVip: [],
    vip: [],
    premium: [],
    standart: [],
});
const [startingThisWeek, setStartingThisWeek] = useState({
    superVip: [],
    vip: [],
    premium: [],
    standart: [],
});
const [justOpened, setJustOpened] = useState({
    superVip: [],
    vip: [],
    premium: [],
    standart: [],
});
const [startsLater, setStartsLater] = useState({
    superVip: [],
    vip: [],
    premium: [],
    standart: [],
});
const [bonusStarted, setBonusStarted] = useState({
    superVip: [],
    vip: [],
    premium: [],
    standart: [],
});
const [errorStyle, setErrorStyle] = useState({});
const [loading, setLoading] = useState(true);

const get = async () => {
    try {
        const servers = await getServers();
        setKingVip(servers.kingVip || []);
        setSuperVip([servers.superVip || []]);
        setVip([...vip, servers.vip || []]);
        setPremium([...premium, servers.premium || []]);
        setStandart([...standart, servers.standart || []]);
        setJustOpened({
            superVip: [...servers.justOpened.superVip],
            vip: servers.justOpened.vip,
            premium: servers.justOpened.premium,
            standart: servers.justOpened.standart,
        });
        setStarted(servers.timeTested || []);
        setStartingThisWeek(servers.thisWeek || {});
        setStartingThisMonth(servers.thisMonth || {});
        setStartsLater(servers.startLater || {});
        setBonusStarted(servers.bonusStarted || {});
    } catch (error) {
        console.error("Error fetching data:", error);
    } finally {
        setLoading(false);
    }
};

useEffect(() => {
    get();
    getBanners().then(res => setBanners(res.data));
    getArticles().then(res => setArticles(res.data));
}, []); 
export const getServers = async () => {
   return (await api.get("/servers")).data;
};

Код получения данных

Как видите,пробую разные варианты,но ничего не получается,хотя ответ приходит

Вот что возвращает сервер

Подскажите пожалуйста как можно решить данную проблему


Ответы (0 шт):