çok doğru bir noktaya bastınız sorun map in boş olması ama ben veriyi yukarıdaki getDetails fonksiyonundan alıyorum bu fonksiyon da asenkron yani veri yüklenmeden zaten return e geçmez değil mi ? O halde neden boş geliyor? Gerçi state de default değeri boş bırakınca sayfa yüklendikten sonra butona basıyorum ve map ler çalışıyor.
İlk aşamada, bir tane loader ekleyin, eklediğiniz loader durumu başlangıç olarak true olsun. Sayfa istek yaptıktan sonra false kısmına çekersiniz gelen veriyi alırsınız. Alt tarafta da render edilen kısımda loader true ise veri yükleniyor, loader false ise gelmiş veriyi map ederseniz probleminiz çözülecektir. Problemin kaynaklanma sebebi map ettiğiniz kısmın, gelen item içerisinde belirttiğiniz objenin olmamasından kaynaklanmasıdır. Belirsiz kısımdaki objeleri item?.objeadi gibi yazmanız, veri varsa içerisindekini yaz demek olacağı için veri olmadığı durumda hata göstermeyecektir