Сплит импорта SVG и рендеринга

Question

Я пытаюсь динамически разделить import svg. Результат возвращен, но я видел только URI данных (например: data:image/svg+xml;base64), а также ReactComponent , как показано ниже. Я знаю, что могу импортировать SVG как изображение, но я хочу, чтобы он был встроенным SVG . Как я могу импортировать svg как ReactComponent как этот ? Есть ли какой-нибудь магический способ, которым я могу вызвать функцию ReactComponent и вернуть встроенный svg?

Вот как я делю импорт импорта:

roomControls.room_control.map(e => {
    let IconSvg = null;
    import(`../../../assets/svg/${e.icon_url}`).then((svg) => {
        IconSvg = svg;

        iconArr.push(IconSvg);
        console.log(svg)
    })
})