Вставка через шаблонные строки

есть у меня функция render() в котором я создаю блок

const mainBlock = document.createElement('div');
mainBlock.classList = 'aboutMe';
mainBlock.innerHTML =`
            <div class="aboutMe__info">
                <p class="aboutMe__text">${generalIfo}</p>
            </div>
            <div class="aboutMe__cont>
                <p class="aboutMe__phone">${phone}</p>
                <p class="aboutMe__mail">${mail}</p>
            </div>
        `;

и есть функция

function renderABC(){

    const abc = {
    a: 'a',
    b: 'b',
    c: 'c'
    }

    let a = document.createElement('div');
    a.className = 'asd';

    for (let key in abc) {
        a.innerHTML += `<div>${abc[key]}</div>`
    }

    return a;
}

возможно ли вставить созданный функцией блок с данными с объекта, с помощью шаблонной строки, так как при попытке вставить таким образом ${renderABC()} выдает object HTMLDivElement

или мне лучше просто сделать так mainBlock.append(renderABC()); я знаю что можно сделать так ${renderABC().innerHTML} но тогда блок созданный как обертка в функции пропадет, я про блок под переменной a