Невозможно обновить роль, даже после того, как бэкэнд работает должным образом ⇐ Javascript

[Anonymous]

import React, { useState } from "react";
import { auth } from "../../firebase";
import axios from "axios";

const ProfileSetup = () => {
const [role, setRole] = useState("");

const handleSubmit = async (e) => {
e.preventDefault();
const user = auth.currentUser;

if (user && role) {
try {
const response = await axios.post("http://localhost:3000/update-role", {
uid: user.uid,
role,
});

if (response.status === 200) {
window.location.href = "/dashboard";
} else {
console.error("Failed to update role");
alert("Failed to update role. Please try again.");
}
} catch (error) {
console.error("Error updating role:", error);
alert("An error occurred. Please try again.");
}
}
};

return (

Complete Your Profile


Select Role:
setRole(e.target.value)} required>
Select
Teacher
Student


Submit


);
};

export default ProfileSetup;< /code>
< /div>
< /div>

Вот моя базовая реализация кода проекта, над которой я работаю над логином на основе ролей, где я предоставили только Google Login, и после входа в систему пользователь - это настройка профиля, где он должен выбрать свою роль.
Проблема в том, что мой бэкэнд работает должным образом, роль меняется после того, как я отправляю запрос Post из почтальон для обновления-пользователя/{user.uid}. Но я не могу обновить его с Frontend
сразу после первого входа, я установил роль пользователя NULL. < /P>

Подробнее здесь: https://stackoverflow.com/questions/794 ... g-properly