Hola, estoy tratando de establecer estados en reaccionar pero no se actualizan correctamente, tengo:

 const [campusName, setCampusName] = useState(""); const [assists, setAssists] = useState({ name:"", hour: "", day: "", month: "", year: "", studentid: "", }); const [date, setDate] = useState({ day: "", month: "", year: "", hour: "", }); useEffect(()=>{ getData(); }, []) const getData = async() =>{ //campus name const campusResponse = await fetch("http://localhost:2000/info/campus/"+params.campusid); const campusData = await campusResponse.json(); setCampusName(campusData.name); //date const date = new Date(); setDate({ day: date.getDate(), month: date.getMonth()+1, year: date.getFullYear(), hour: `${date.getHours()}:${date.getMinutes()}`, }); settingAssistence(); } const settingAssistence = () => { setAsists({ name: campusName, campusid: params.campusid, hour: date.hour, day: date.day, month: date.month, year: date.year, studentid: params.studentid, }) console.log("result", asissts); }

el archivo console.log imprime el objeto de asistencia vacío, pero si actualizo la página 3 veces funciona, ¿cómo puedo configurar los estados correctamente? la recuperación con http://localhost:2000/info/campus/ también funciona bien y me da los datos correctos, pero cuando lo configuro en el gancho no se actualiza correctamente.