حذف مستخدم mongoose & react

عندما أقوم بحذف مستخدم موجود في قاعدة البيانات من خلال واجهة الموقع لمشروعي من المفترض أن يقوم بحذف المستخدم بالشكل الصحيح وينقلني النظام لصفحة تسجيل الدخول كما هو مطلوب منه ولكن في نفس الوقت يظهر لي خطأ يقول cannot read property of null (reading '_id') 

كما في الصورة المرفقة

المشروع بـ MERN 

دالة حذف مستخدم في ملف EditProfile.jsx

const handleDelete = async () => {
    const deleteProfile = await axios.delete(`/users/${currentUser._id}`);
    dispatch(logout());
    navigate("/signin");
  }

دالة حذف مستخدم في ملف الباك إند

export const deleteUser = async (req, res, next) => {
        if(req.params.id === req.user.id){
            try {
                await User.findByIdAndDelete(req.params.id);
                await Post.deleteMany({ userId: req.params.id });
                res.status(200).json("User Deleted!");
            } catch (err) {
                next(err)
            }
        } else {
            return next(handleError(403, "You can update only your account!"));
        }
}

ملاحظة

عندما أقوم بتسجيل مستخدم جديد ينقلني النظام للصفحة الرئيسية كما هو مطلوب منه ولكن عندما أحاول حذف المستخدم بعدها مباشرة يظهر لي خطأ يقول (You can update only your account!) (النص الموجود في دالة حذف مستخدم في ملف الباك إند) ولا يتم حذف المستخدم حتى أقوم بتسجيل الخروج ثم أقوم بتسجيل الدخول بنفسي ثم إذا قمت بحذف المستخدم تظهر لي المشكلة المذكورة أعلاه