Dynamic components not rendering

<li v-for="(link, index) in links" :key="index">
  <a :href="link.url" target="_blank"><component :is="socialComponent(link.title)"></component></a></li>

const socialComponent = (title) => {
    return `Symbol${title}`
}