معالجة خطأ في إرسال البيانات إلى الخادم

السلام عليكم.

أريد تغيير كلمة المرور بالمستخدم الحالي.

قمت بالكود التالي

في طرف الخادم

// Change Password
const changePassword = async(req,res) => {
    const errors = validationResult(req)
    if (!errors.isEmpty()) {
        return res.status(400).json({errors: errors.array()})
    }
    try {
        const { password, newPassword } = req.body;
        const id = new mongoose.Types.ObjectId(req.user);
        const current_user = await User.findOne({ _id: id });
        
        // Check if password is wrong then create error.
        const matchPassword = await bcrypt.compare(
          password,
          current_user.password
        );
        if (!matchPassword) {
            return res.status(401).send({msg: "كلمة المرور خاطئة"})
        }

        // Update password.
        const salt = await bcrypt.genSalt(10);
        const hashNewPassword = await bcrypt.hash(newPassword, salt)
        current_user.password = hashNewPassword;

        await current_user.save()
        res.send(res.json({
            success: true,
            data: current_user
        }))
        
    } catch (error) {
        res.status(500).send({msg: error.message}); 
    }
}

في طرف العميل

const navigate = useNavigate()
  const [error, setError] = useState('')
  const [changePassward, setChangePassward] = useState({
    password: '',
    newPassword: ''
  })

  const { password, newPassword } = changePassward

  const onChange = (e) => {
      setChangePassward({...changePassward, [e.target.name]: e.target.value})
  }

  const onSubmit = (e) => {
    e.preventDefault();

    const user = JSON.parse(localStorage.getItem("user"));
    // console.log(user?.data?.token);
    axios
      .post("/api/auth/change_password", changePassward, {
        headers: {
          "Content-Type": "application/json",
          "x-auth-token": user?.data?.token,
        },
      })
      .then((res) => {
        setChangePassward(res.data)
        navigate("/", { replace: true })
      })
      .catch((err) => setError(err.response.data.message));
  };

الوسائط (middleware)

const protect =  (req, res, next) => {
    // Get token from header
    const token = req.header('x-auth-token')

    // Check if no token
    if (!token) {
        return res.status(401).json({msg: 'No token, authorization denied!'})
    }

    // Verify token
    try {
        const decoded = jwt.verify(token, process.env.JWT_SECRET)
        req.user = decoded.user
        next()
    } catch (err) {
        res.status(401).json({msg: 'Token is not valid'})
    }
}

المتصفح يخبرني برسالة الخطأ التالية

POST http://localhost:3000/api/auth/change_password 401 (Unauthorized)

عند إستخدام postman لم ألاحظ أي مشاكل