Estoy trabajando en un proyecto de reacción que conecta un formulario de inicio de sesión con una API externa y adjunto a continuación está mi código Login.js y tengo otra composición de Profile.js

 async function loginUser(credentials) { return fetch(" https://1app.com/api/qs/loginx", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(credentials), }).then((data) => data.json()); } export default function Signin() { const classes = useStyles(); const [username, setUserName] = useState(); const [password, setPassword] = useState(); const handleSubmit = async (e) => { e.preventDefault(); const response = await loginUser({ username, password, }); if ("accessToken" in response) { swal("Success", response.message, "success", { title: "Ok Good", icon: "success" }).then((value) => { localStorage.setItem("accessToken", response["accessToken"]); localStorage.setItem("user", JSON.stringify(response["user"])); window.location.href = "/profile"; }); } else { swal("Failed", response.message, "error"); } }; }

y cuando hice clic en el botón Iniciar sesión, muestra este error en la consola del navegador y no muestra el error usando otra API