I am doing a login; but I cannot perform the corresponding login and redirection; Verifying the console, I correctly capture the inputs, and I verify with a console.log that the error is being generated by Axios (Network Error). I tried to make a POST request in Postman and I correctly receive the data via body from the backend, like this:
{
"user": {
"dni": "..",
"username": "..",
"password": "..",
"name": "..",
"id": 1,
},
"token": ".."
}
And my code is like this:
const [access, setAccess] = useState(false);
const router = useRouter();

const [userData, setUserData] = useState({
username: "",
password: "",
});
const [errors, setErrors] = useState({
username: "",
password: "",
});

async function login(userData: {username: string, password: string}) {
const { username, password } = userData;
const URL = "https://89.117.33.196:8000/auth/login";
try {
const response = await axios.post(URL , userData)

if(response.data){
const { access } = response.data;
setAccess(true);
access && router.replace('/dashboard');}
}
}
catch (error) {
console.error(error);
if(error) throw new Error ("Can't verify")
}

}
useEffect(() => {
!access && router.replace('/');
}, [access]);

const handleChange = (e: React.FormEvent) =>{
const property = (e.target as HTMLInputElement).name;
const value = (e.target as HTMLInputElement).value;

setUserData({...userData, [property]: value});
setErrors(validations({...userData, [property]: value}));
}

const handleSubmit = (e: React.FormEvent) =>{
console.log("Envía datos", userData)
e.preventDefault();
login(userData);
}

Can anyone help me?