render rendering issues

[GengHe]

The code is as follows

import { render, h,createVNode } from 'vue'
import helloword from '@/components/fastcom/HelloWord'

export const showDiv = () => {
  const vnode = h(helloword, { msg:'2341',
  })
  render(vnode, document.body)
}

HelloWord.vue

import { defineComponent, ref,toRef } from 'vue'
export default defineComponent({
  name: 'Helloword',
  props: {
    msg: {
      type: String,
      required:true,
    },
  },
  setup(prop,{ emit }) {
    const count = ref(0)
    //let msg=prop.msg
    const clickHandler = () => {
      count.value++
      emit('onclick')
    }
    const msgs=toRef(prop,'msg')
    return { count, clickHandler,msgs }
  },
  render() {
    return (
      <>
        <el-button>Default</el-button>
      </>
    )
  },
})

The el-button component is registered globally，The rendering result is <el-button>Default</el-button>.Instead of <button aria-disabled="false" type="button" class="el-button"><!--v-if--><span class="">Default</span></button>.
Help how to solve this problem.