Subscribe on changes!

TS error on component when "v-bind=$attrs" and generic are used together

avatar
Jul 24th 2023

Vue version

3.3.4

Link to minimal reproduction

https://play.vuejs.org/#eNrFVE1v2zAM/SuaMSAbENtos5PnFu2KYtgOW7HmVvfg2kyi1pYESc4HDP/3kYqSOGmbbcCwHeJIJEW+9yixDS6ViuYNBEmQmkJzZZkB2yhW5WJ6lgXWZMF5JnitpLbsStbqqjFW1myi8TOI4p2J0gxeCP0MAjQvXjjhPf5gJgopjGUVN/bsruVlcjIUeQ3J4EHKp5NBNyTbac926m2jnm006O4zkcZrMggdNxZqVeUWcMdY2iOhtFRIcsHtTDaWeTxZwBIHIgvoLwvi9cE3YcjGtwy0lppJwQpMJAUIyxYzEKwxwKaeaxge1tqo4EseK5XGW8DBMFjrGda5ih6NFNiollJn3oH9SZizkA2VpH0WzKxVJonjohR4rISKz3UkwMZC1fEFhsW6EZbXEJayvhhFo+hDXCKCvjkCU4cPWi4MaEySBcNemRiNc9ChBlGCBv27ZQ+O9UsfuJ6Vp+pdJjoUxRq8KxM+PZCEOsIr0N+V5XiX9qTJq0ouvjqb1Q1suRQzKJ5esD+a5ZrTjQaHrMff5noK2C1yX99+gyWut85alk3l2/CK8wcYWTWEcR32qRElwu7FObRfXIe5mI7N9dKCMBtSBNSp4eJdP+imvUZ9BxfV7qlIZ8YzDfDrCaC3D7tlN3iFxysFrPNvmt7vRwqhXwkTLoBizLuWDISBbn1yazVyGW5sdOGTS63zFcvNNmmai9Xd/bmL6t7Td/eWfYXee3ap0tnJedu6Gqzr0hi33tFUfoXrirN5OJEaKXFMMOSIdMm4cDjoHT7BinxkRsZtS1ERDRbKWfFNztgn3X+l+2Pwb2jZm6OuR3vzc9u1wSuSHxX3T7Td1Z+HDygOsnibW6uRyfPRdUSW3qw/ps5mguJ2jLv/Ktb4H0rV/QQQx53a

Steps to reproduce

  1. Use v-bind="$attrs" to extend third-party components in custom components.
  2. Using generic in a custom component causes Ts errors when the parent component passes props. 3.The parent component passes props normally when generic is not used.

What is expected?

The feature of "v-bind=$attrs" works just as normal as without generic

What is actually happening?

TS error on component when "v-bind=$attrs" and generic are used together

System Info

package version:
vue@3.3.4
typescript@5.0.4

Any additional comments?

No response

avatar
Jul 25th 2023

#8373