typescript error with event handlers in tsx

[robozevel]

Environment

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.11
• Nitro Version: 0.5.4
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

https://stackblitz.com/edit/github-xemd3s?file=app.tsx

Describe the bug

getting this typescript error when using an onClick handler in a tsx file:

Type '() => void' is not assignable to type 'MouseEvent'.(2322)
runtime-dom.d.ts(1407, 15): The expected type comes from property 'onClick' which is declared here on type 'ElementAttrs'

Additional context

No response

Logs

No response

[cuebit]

Tracking:

• fix: stricter type condition for EventHandlers vuejs/core#6855
• Native DOM event type checking error since upgrading to 1.0.3 vuejs/language-tools#1985
• Fix node DefinitelyTyped/DefinitelyTyped#62729

[danielroe]

This seems to have been resolved upstream.