TypeScript error for `@click` - Type '() => void' is not assignable to type 'undefined'

Updated to VS Code 1.60 (TypeScript 4.4) today and started seeing these TS errors in my SFC’s:

<script setup lang="ts">
  ...
  const onFilterBtnClick = () => windowOpen.value === 0 ? showWindow(3) : showWindow(0)
  ...
</script>

<template>
  ...
    <ButtonFilter :window="windowOpen" @click="onFilterBtnClick" />
  ...
</template>

There were no issues when I worked on the project last week.

Full component: https://github.com/ttntm/recept0r-ts/blob/main/src/views/Home.vue

This TS error happens to any @click attributes that are attached to components with props defined via TypeScript (as described here: https://v3.vuejs.org/api/sfc-script-setup.html#typescript-only-features):

• @click for components with TS props: (property) click: undefined
• @click for components without TS props: (property) click: ((...args: any[]) => any) | undefined

…copying that type definition into the button component’s defineProps doesn’t make any difference; any type for property click seems to be ignored.

[ldsenow]

This issue appears again on v1.0.3. This version has a few breaking changes e.g. this issue and also kebab-case prop

[xieyuheng]

This issue will be fixed after we merge: https://github.com/vuejs/core/pull/6855