TypeScript Linter Issue with Passing JSX Event Handler Prop in Custom Component

[dontry]

I’ve created a MyButton component and attempted to pass a JSX event handler prop, onClick, directly to the component without explicitly declaring it. My expectation was that the prop would automatically fall through to the underlying button element, which seems valid as the code runs without any errors at runtime.

However, I’m encountering an issue where the TypeScript linter flags this as a problem. Could anyone suggest a workaround or a best practice for handling this situation while keeping the linter happy?

MyButton Component

Typescript error

[s3xysteak]

It seems only happened to jsx. It works well with h and sfc.

Maybe it is a bug of @vitejs/plugin-vue-jsx. You can use defineEmits(['click']) to solve that problem temporarily.

[dontry]

Thanks