Tengo el siguiente enlace useEffect dentro de mi aplicación de reacción con useState:

 const [jobTypes, setJobTypes] = useState([]); const getJobTypes = async () => { try { const response = await fetch('/job-types'); const jsonData = await response.json(); setJobTypes(jsonData); const jobTypeName = jobTypes.find(jobType => jobType.ret === jobDetails.jobType) console.log("jobTypeName: ", jobTypeName) } catch (err) { console.error(err.message); } } useEffect(() => { getJobTypes(); }, []);

El problema al que me enfrento es que necesito esperar a que setJobTypes(jsonData) antes de realizar mi declaración de búsqueda, es decir:

 const jobTypeName = jobTypes.find(jobType => jobType.ret === jobDetails.jobType)

ya que estoy recuperando un indefinido para jobTypeName

¿Alguien puede ayudarme con el mejor enfoque para lograr lo anterior, ya que solo quiero ejecutar mi matriz jobTypes array.find disponible