Nodejs bir projemde kategorilerimi header'a basarken nodejs üzerinden aşağıdaki gibi bir yanıt alarak bu işlemi yapıyorum;

{
    "status": "OK",
    "message": "Kategori başarıyla bulundu.",
    "broughtCategory": {
        "_id": "idnumarasi",
        "name": "kategori adı",
        "description": "kategori açıklaması",
        "isActive": true,
        "createdAt": "tarih",
        "updatedAt": "tarih ",
        "version": 0
    }
}
Buraya icon ve iconname ekleyip bu alanlara react-icons paketinden isimlerini girip menüde dinamik çıkartmak istiyorum. Fakat mantığı kuramadım, react-icons için 10 küsür paket var ve hepsinin içinde onlarca icon var. Header componentimde nasıl dinamik olarak bu import işlemini yapacağım? Yani amacım şu admin panelinden menü eklenirken icon seçilebilecek, buda bu yanıt üzerinden icon adı ve paket adı olarak gelecek ve frontend tarafında işlenip ona göre bir icon paketi sayfaya dahil edilip menüde icon kullanılmış olacak.

Bütün react-iconlarını sayfaya dahil etmek çok mantıksız. Bunu zaten direk eledim. Bütün paketlerdeki barındıracak iconlar için ayrı bir icon componenti oluşturup switch case gibi bir işlem yapmayı düşündüm ama oradada yüzlerce icon var hem sistem açısından hem benim yazmam açısında mantıksız.

Bunun best prictice'i nedir bilgisi olan var mı?