async fetch react как получить данные до return

Как получить данные по fetch до вызова return в react

выводит в такой последовательности

Никак. Если только сделать запрос синхронным, но в данном случае у вас заблокируется интерфейс.

Запрос должен идти асинхронно и не тормозить рендеринг страницы. Вам нужно просто добавить, пока не пришел ответ, заглушку - loading.

→ Ссылка