Карта массива в литерале шаблона отображает дополнительную запятую между элементами

В следующем примере я пытаюсь отобразить список сообщений (заголовок, текст и их теги):

const container = $('.container');
posts.forEach((post)=> {
 container.append(
`<div>
  <h2>${post.title}</h2>
  <p>${post.body}</p>
  <div>
   ${post.tags.map((tag) => {
     `<span>${tag.name}</span>`
   })}
  </div> 
 </div>`)
});

Однако в выходных данных между тегами отображается дополнительная запятая. Я попытался вывести «test» вместо фактических имен тегов, а также заменить тег span на другой тег html, но результат все тот же.

Я попытался найти эту проблему, но мне так и не удалось найти кого-нибудь еще, у кого есть эта проблема с шаблонными литералами.