Estoy tratando de usar una función en cada elemento de una lista. Normalmente .map() , pero .map() devolvería una lista de promesas cuando lo probé. De todos modos, usé .forEach() - Usé una variable de estado para asegurar ese valor. El problema: el valor de alguna manera no se muestra (solo a veces por un momento muy breve cuando guardo el código)

 function Chats() { const [someListState, setSomeListState] = useState() useEffect(() => { async function fetchChatData() { const chatIds = userObject.chats const someList = [] await chatIds.forEach(async (chatId) => { someList.push(await someAsyncFunction(chatId)) }); setSomeListState(someList) } fetchChatData() }, [userObject]) // userObject determined by authState return ( <div> <p>{someListState[0]}</p> // cant display anything </div> ) }