Tengo una función que llama a una API y estoy usando esa función dentro de otro componente usando useEffect y cuando devuelvo esos datos, vienen en estado Promise. ¿Cómo obtengo solo los datos después de que haya terminado de obtenerlos de la API?

Fragmento de código: https://codesandbox.io/live/f895fd5c8f7