How to render component instance with h() function in Vuejs?

I have a Vuejs component that looks like this:

<template>
  <button @click="generateItem()">Add item</button>
  <div class="container"></div>
</template>

<script setup>
  import { h } from 'vue'
  import MyItem from '@/components/MyItem.vue'

  function generateItem(){
    return h(MyItem)
  }
</script>

I’m trying to use an h() function to render an instance of MyItem inside div.container when running generateItem(). But after reading the official Vuejs docs on the h() function I don’t get how to make this happen. Thoughts on how to get this done?