Although the props define is same the type of defineComponent() return is still not assignable to type DefineComponent<>

[Linhieng]

The code below that I've pulled away from from my repository.

if you change onChange to onabcChange, it is going correct! And if you change onChange to on123Change, it still wrong!

Amazing!

    const PropsDefine = {
        onChange: {
            type: Function as PropType<(v: any) => void>,
            required: true,
        },
    } as const

    type CompType = DefineComponent<typeof PropsDefine >

    const Comp: CompType  = defineComponent({ // ❌ ts(2312) , Type '...' is not assignable to type '...'
        props: PropsDefine ,
    })

the error info very very long, so I extract the core info.

Type 'DefineComponent<{ ...>' is not assignable to type 'CompType'.
  Type 'DefineComponent<...>' is not assignable to type 'ComponentPublicInstanceConstructor<...>'.
    Type '...' is not assignable to type '...'.
      Type '...' is not assignable to type '...'.
        Types of property '$props' are incompatible.
          Property 'onChange' is missing in type '{ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined; key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ref_key?: string | undefined; class?: unknown; style?: unknown; }' but required in type '{ readonly onChange: (v: any) => void; key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ref_key?: string | undefined; onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[] | undefined; onVnodeMounted?: VNodeMountHook | VNodeMountHook[] | undefined; onVnodeBeforeUpdate?: VNodeUpdateHook | VNodeUpdateHook[] | undefined; onVnodeUpdated?: VNodeUpdateHook | VNodeUpdateHook[] | undefined; onVnodeBeforeUnmount?: VNodeMountHook | VNodeMountHook[] | undefined; onVnodeUnmounted?: VNodeMountHook | VNodeMountHook[] | undefined; class?: unknown; style?: unknown; }'.ts(2322)
types.ts(142, 5): 'onChange' is declared here.

[rudyxu1102]

为啥要声明Comp的类型为CompType？很少看到这样的写法

[Linhieng]

呃~可能是我的描述不清楚吧。其实问题的核心就是，props 的定义是相同的，但是 defineComponent({props: PropsDefine}} 返回的类型和 DefineComponent<typeof PropsDefine> 不兼容。

当然，也不是真的不兼容，只是 props 中的 onChange 有问题。感觉是关键字什么的冲突了还是啥的，不太懂。😐