vue-tsc 1.6.5: leave-active-class does not exist in type TransitionProps

[akarmes]

Package versions:

• vue-tsc 1.6.5
• typescript 5.1.3
• vue 3.3.4

After updating typescript 5.0.4 => 5.1.3, vue-tsc shows following error for Transition attributes:

error TS2345: Argument of type '{ name: string; leaveActiveClass: string; "leave-active-class": string; }' is not assignable to parameter of type 'TransitionProps'.
  Object literal may only specify known properties, and '"leave-active-class"' does not exist in type 'TransitionProps'.

3     <Transition name="saving" leave-active-class="foobar">

Related code looks this way:

<template>
  <Teleport to="body">
    <Transition name="saving" leave-active-class="foobar">
  ...

[fanckush]

same problem

[vieruuuu]

bump

[johnsoncodehk]

TS 5.1.3 is not supported yet, the following IsAny use cases are broken in 5.1.x.
https://github.com/vuejs/language-tools/blob/23d518751555d6867f7d7e929b13335578b656a0/packages/vue-language-core/src/utils/directorySharedTypes.ts#L21C13-L26

[jd-solanki]

Hi @johnsoncodehk

I'm also getting a similar error and I realized that this is because vue-tsc now complains if prop is in kebab-case. @akarmes @fanckush try converting prop name to camelCase and probably error will get resolved. However, I have eslint setup and it auto converts the prop to kebab-case.

[jd-solanki]

With kebab-case:

With camelCase (no error):

[QiuFeng54321]

Seems like generic components all have this issue as in #3256 .