Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-xcl8cd

Steps to reproduce

<template>
  <transition v-for="i in 5" :key="i">
    {{ i }}
  </transition>
</template>

Run vue-tsc

What is expected?

Type check is passed.

What is actually happening?

error TS2345: Argument of type '{ key: number; }' is not assignable to parameter of type 'TransitionProps'.
  Object literal may only specify known properties, and 'key' does not exist in type 'TransitionProps'.

2   <transition v-for="i in 5" :key="i">
                               ~~~~

System Info

No response

Any additional comments?

Only <Transition> has this problem, <TransitionGroup> work fine

use transition-group

use transition-group

What if:

<script>
const list=[{
  id:0,
  type: "user"
}]
</script>
<template>
  <transition v-for=item in list :key=item.id :name="'transition-'+item.type"/>
</template>

It seems to be related to https://github.com/vuejs/language-tools/issues/3340

Transition component is functional, I guess that this is what causes the error https://github.com/vuejs/core/blob/3127c4113e6ff381cd8f79a445655f759e08372a/packages/runtime-dom/src/components/Transition.ts#L45-L48

Closing this here as its about the language tools

Closing this here as its about the language tools

I don't think it is a language tools problem.
this is caused by bad type definition in core, we need modify the type definition of FunctionalComponent to inherit some Vue-reserved props like :key

Faced this issue when updating an existing project to a Typescript setup so can add a few additional details:

• This error is not related to v-for as you get it without using them.
• TransitionProps does not inherit key prop, so it throws TS error that for the moment can be ignored with @vue-ignore
• Transitions with added :ref still work and render things properly.

This is a language tools issue - the error is no longer reproducible with latest versions of Vue and vue-tsc.