Function h from vue can't render antd Components

[BigDeep]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.4

Environment

os:macOS Vue:3.0.4

Reproduction link

https://github.com/vueComponent/ant-design-vue

Steps to reproduce

follow the step below

customRender: (data: unknown) => {
return h(
'a-button',
{
style: { cursor: 'pointer' },
onClick: () => {
console.log(data)
},
type: 'primary',
size: 'small',
},
'edit',
)
},

I found that i can't render a "a-button" , but i can render it while import {Button} from 'ant-design-vue' like below

import { Button } from 'ant-design-vue'
customRender: (data: unknown) => {
return h(
Button,
{
style: { cursor: 'pointer' },
onClick: () => {
console.log(data)
},
type: 'primary',
size: 'small',
},
'edit',
)
},

What is expected?

I had global inject antd ,but when i use ”h “ from vue i can't render an antd components by componentsName，
must import it and put it as a parameter into the function h

What is actually happening?

follow the step below

customRender: (data: unknown) => {
return h(
'a-button',
{
style: { cursor: 'pointer' },
onClick: () => {
console.log(data)
},
type: 'primary',
size: 'small',
},
'edit',
)
},

I found that i can't render a "a-button" , but i can render it while import {Button} from 'ant-design-vue' like below

import { Button } from 'ant-design-vue'
customRender: (data: unknown) => {
return h(
Button,
{
style: { cursor: 'pointer' },
onClick: () => {
console.log(data)
},
type: 'primary',
size: 'small',
},
'edit',
)
},

[John60676]

Reference: vuejs/core#1927 (comment)

[BigDeep]

Reference: vuejs/vue-next#1927 (comment)

thanks,it works

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.