Slot as JSX

[euaaaio]

This warning highlights all slots:

JSX element type '__VLS_9' does not have any construct or call signatures.

A simple reproduction from a real project: https://github.com/euaaaio/repro-storybook-vue-volar-jsx

[euaaaio]

It’s enough to import @storybook/vue3 types into one of my stories to break the slots.

import type { Story, Meta } from '@storybook/vue3'

[johnsoncodehk]

Thanks for the report, when you import @storybook/vue3, @types/react has been reference indirectly.

Currently not sure how can resolve in volar side. A solution in project side is that you can exclude all scripts that importing storybook like "exclude": ["**/*.stories.ts"].

Track: storybookjs/storybook#16213

[BreizhReloaded]

I'm experiencing the same without Storybook, on a Vite project, but it's VLS_30:

JSX element type '__VLS_30' does not have any construct or call signatures.

Any settings/imports to add?

[BreizhReloaded]

Ok, I found issue #558 and it looks very similar. I'm running v0.28.0 and vite/client is referenced.

[johnsoncodehk]

@BreizhReloaded this problem should be already fixed, can you provide a repro case?

[BreizhReloaded]

I updated pretty much everything on my laptop, and it seems to be ok so far. So false alarm, sorry. I'll stay focus this week if anything happen. Thanks!

[euaaaio]

This tsconfig.json works for me. (empty types)

{
  "compilerOptions": {
    "types": []
  },
  "exclude": [
    "**/*.stories.ts",
  ]
}

[johnsoncodehk]

Please move to #592 for related problems.