tenho uma função que busca informações de um usuário em uma API e armazena em um useState, gostaria de saber pq se coloco um console.log pra ver se armazenou os dados corretamente no useState me retorna vazio porém na tela me mostra os valores só a partir da segunda requisição é mostrado as informações no console, vou postar o código aqui:
export default function Teste() {
const [repositories, setRepositories] = useState({});
const [nome, setNome] = useState()
const handleChange = (event) => {
const auxValues = { ...nome }
auxValues[event.target.name] = event.target.value
setNome(auxValues)
}
function buscarUser(cpf){
fetch(`http://localhost:8080/rest/v1/user/${cpf}`)
.then(res => res.json())
.then(data => setRepositories(data));
}
function handleUser(){
buscarUser(nome.usuario)
console.log(repositories)
}
return(
<>
<input name="usuario" onChange={handleChange}></input>
<button onClick={ handleUser }>Buscar User</button>
<label> {repositories.nome} </label>
</>
)
} ```