UseEffect не ждет Promise.all?

Несколько вещей неверны в этом коде:

• Вы мутируете свой объект rootComments без использования setState (реакция не может обновляться с него)
• Вы используете map для итерации, но отбрасываете результат
• Сочетание .then в функции async / await
• Вы не возвращаете значение Promise.all, а вместо этого await его

.map не является циклом for, используйте либо .forEach, либо цикл for..of

Что касается вашего фактического вопроса, мой первый вопрос, вероятно, является основной проблемой, покажите больше кода, чтобы мы могли подтвердить

отредактируйте предложенный альтернативный код:

useEffect(() => {
  // get all the kids id, this create a single big array with every kids:
  const allKids = rootComments.flatMap(rootComment => rootComment.kids || [])

  // use a controller too cancel fetch request if component is unmounted
  // otherwhise, trying to setState if the component is unmounted will
  // mess react up:
  const controller = new AbortController()

  // we fetch all the kids at once instead of doing this in a map like before
  fetchKidsText(allKids, controller.signal)
    .then(setRootComment) // note that i'm using `.then` here,
    // because we can't await in hooks we must return a callback or undefined.
    .catch(err => {
      if (err.name === 'AbortError') return // we can safely ignore abort error
      // ? handle error here
    })
  return () => controller.abort()
}, [rootComments])

const fetchKidsText = async (ids, signal) => {
  // first we call the api and get everything a big result
  const results = await Promise.all(ids.map(async id => {
    const url = `https://hacker-news.firebaseio.com/v0/item/${id}.json?print=pretty`
    const res = await fetch(url, { signal })
    return res.json()
  }))

  // now what you were trying to do was merge every children text comment
  // since we got them all, just one filter should work:
  return rootComments.map(comment => {
    const children = results.filter(r => r.parent === comment.id)
    const kidsText = children.map(r => r.text)
    return { ...comments, kidsText }
  })
}

Не используйте этот код как есть, я не проверял его, просто чтобы объяснить, как я попытался бы решить вашу проблему с комментариями, чтобы объяснить свое мнение.

Удачи !