مشكلة في react app

في ملف 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 ونقوم بتشغيله مرة واحدة من خلال مصفوفة إعتماديات فارغة []