Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Runtime warnings on type of Prop when using keyof and extends since 3.24 #11002

Closed
Robbe95 opened this issue May 23, 2024 · 0 comments · Fixed by #10921
Closed

Runtime warnings on type of Prop when using keyof and extends since 3.24 #11002

Robbe95 opened this issue May 23, 2024 · 0 comments · Fixed by #10921

Comments

@Robbe95
Copy link

Robbe95 commented May 23, 2024

Vue version

3.24

Link to minimal reproduction

https://play.vuejs.org/#eNqFUk1v1DAQ/SsjXxakVSJBTyGtBFUPBQmqwg0jFCWTxW1iW7az3SrKf2dmvFuWqh8ne+a9N/M841l99L7YTqgqVcc2GJ8gYpo8DI3dnGqVolZn2prRu5Dg3I0e+uBGWBUlByxdfdBW27rMciJTkHD0Q5OQIoBaZKZ1lgpOfnBNpxWUhNXlEVGtqRuRerMpbqKzZGlmuVYt6c2A4ZtPxllyVIEgjDXD4O4+Sy6FCdeHfPsH29sn8jdxxzmtrgJGDFvU6gFLTdhgyvDF96+4o/sDOLpuGoj9AniN0Q0Te8y0T5PtyPYRT9xeyjCN3fyIF7uENh4exUaZuQhfKxouj+65p/+z+744EZ22C03xsJhXdkqjjknWEuE0V83LqWDF2RysxMtdEywZ3iMccX6B2CQTe4MRrrF1oatjCsRbQz7lM6R7j3A+xeTGy+NmP7+AsXCL964H5tAhZn5VezU1YL2xCUPftAhZTpNH28X/Ss7ClE6coBa5rqAM5cf64Dz377A3Fq84qsULN66ETU3P3rx9+T93ZisXgHne11zIACFlhh7/699bDLxl2gitqnh3opa/4TQvgw==

Steps to reproduce

The warning shows only when opening the Comp.vue tab on the reproduction.
When you set the Vue version to 3.23, there is no warning, if you set it to 3.24, the warning starts showing up.

What is expected?

No Invalid prop: type check failed for prop "icon". Expected Object, got String with value "upload". at <Compicon="upload"> at <Repl> warning when using keyof and extends

What is actually happening?

The Invalid prop: type check failed for prop "icon". Expected Object, got String with value "upload". at <Compicon="upload"> at <Repl> warning is showing up

System Info

System:
    OS: macOS 13.3
    CPU: (10) arm64 Apple M2 Pro
    Memory: 150.53 MB / 32.00 GB
    Shell: 3.6.1 - /opt/homebrew/bin/fish
  Binaries:
    Node: 20.4.0 - ~/Library/Caches/fnm_multishells/29870_1716464586581/bin/node
    npm: 9.8.0 - ~/Library/Caches/fnm_multishells/29870_1716464586581/bin/npm
    pnpm: 8.10.2 - ~/Library/Caches/fnm_multishells/29870_1716464586581/bin/pnpm
  Browsers:
    Chrome: 125.0.6422.76
    Safari: 16.4

Any additional comments?

Typescript types are correct and vue-language tools give no errors.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants