Визуализировать компонент vue в данных

Я пытаюсь создать пользовательскую всплывающую подсказку для apexcharts, например: https://apexcharts.com/docs/options/tooltip/#

tooltip: {
  custom: function({series, seriesIndex, dataPointIndex, w}) {
    return '<div class = "arrow_box">' +
      '<span>' + series[seriesIndex][dataPointIndex] + '</span>' +
      '</div>'
  }
}

и это работает, но когда я устанавливаю взамен какой-то компонент vue, ничего не отображается.

tooltip: {
  custom: function({series, seriesIndex, dataPointIndex, w}) {
    return '<MyComponent/>'
  }
}

<template>
   <div>Just simple component</div>
</template>

<script>
export default { name: "MyComponent" }
</script>

Почему это происходит и как это исправить?