¿Cómo puedo establecer el estado de una variable usando setState y luego usar la misma variable dentro de una función que se llama en un evento de clic?

 function example(){ const [state,setState]=useState() async function getData(){ try{ --some code-- const example1={field: state}; }; catch(){} } return <button onClick{()=>{ setState(); getData(); }}> </button> }

Como puede ver, estoy tratando de usar setState y también una función que contiene la variable de estado dentro del mismo evento onClick. El problema es que tengo que hacer clic dos veces para que funcione. Básicamente, el primer clic hace setState y el segundo clic ejecuta la función. ¿Cómo puedo ejecutar setState y getData dentro del mismo evento onClick?