في ملف src\Pages\Dashboard\Users.js قم بكتابة دالة مباشرًة داخل useEffect وذلك غير صحيح، ما نقوم به هو التالي أرجو مراجعته:
const getUsers = async () => {
try {
const response = await axios.get(`${Api.baseURL}/${Api.USERS}`, {
headers: {
Authorization: `Bearer ${cookie.get('e-commerce')}`,
},
});
return response.data;
} catch (error) {
console.error(error);
throw error;
}
};
useEffect(() => {
getUsers();
}, []);
نكتب الدالة بالخارج في حال تعود بوعد promise نستخدم async ثم نستدعي تلك الدالة في useEffect ونقوم بتشغيله مرة واحدة من خلال مصفوفة إعتماديات فارغة []