Как я могу отправить слоты компоненту в функции рендеринга в VueJs 3

Question

У меня есть такой компонент

<template>
  <div class="my-hello">
    Hello {{ man }}
    <slot name="test"></slot>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'HelloWorld',
  props: {
    man: String
  }
})
</script>

Я хочу визуализировать этот компонент с помощью функции визуализации. Моя попытка такая, но она не работает.

import { createApp, h } from 'vue'

const app = createApp({
  render () {
    return h(component, { man: 'David' }, { test: () => h('p', {}, 'SLOT DATA') })
  }
})
app.mount(element)

Здесь component это мой импортированный однофайловый компонент vue (HelloWorld). element это какой-то элемент в главном HTML.

Что здесь не так?