Не записывается обьект с масивами после запроса с сервера в 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;
};
Код получения данных
Как видите,пробую разные варианты,но ничего не получается,хотя ответ приходит
Подскажите пожалуйста как можно решить данную проблему
