JSX issue when using in Vue 3 with Typescript

[MikesGlitch]

Description

When using the vue3 package FullCalendar component (with typescript), VSCode comes up with the following error.
Property 'template' does not exist on type 'JSX.IntrinsicElements'.ts(2339)

Replication

Open the fullcalendar-example-projects repository - go to the vue3-typescript folder (https://github.com/fullcalendar/fullcalendar-example-projects/tree/master/vue3-typescript)

Open it in VsCode

Observe on line 115 - vue3-typescript/src/Demo.vue

I did a bit of digging and it worked by completely removing the typings file: @fullcalendar\vue3\dist\main.d.ts I think it may be something that file is importing is causing the issue

[acerix]

I don't have any issue building this example, this sounds like an issue with VSCode.

[treighmawaka]

@MikesGlitch this might be an issue with the Volar extension, if you're using it. See #vuejs/language-tools#552. I remember having to downgrade to v0.27.26 because in later versions, "template virtual code is changed to JSX to improve generic component support" to quote the project owner.

[MikesGlitch]

@treighmawaka Aha! Thanks, makes sense. That's annoying - almost everyone who uses Vue 3 and vscode will be using that extension.

Thanks, we should probably close this then.

[maukoese]

I have this same error. It comes from the preact dependency, with typings in the jsx.d.ts file.

Is there a way to disable this? Cause it throws errors for any unsupported attributes. see image below.

[jhoermann]

I have this same error. It comes from the preact dependency, with typings in the jsx.d.ts file.

Is there a way to disable this? Cause it throws errors for any unsupported attributes. see image below.

@maukoese See vuejs/language-tools#592 (reply in thread) to disable the preact typings.

[Tooning-FE-KimYongkuk]

I have this same problem in nuxt3

vuejs/language-tools#592 (reply in thread)

[L-value]

so can you tell me how to fix this issue i try all methods but still not work

[tarwin]

I'm having a very similar issue with vue-tsc --noEmit. Seems to be a problem where, when adding FullCalendar it ends up causing React DOM problems.

I know this is not the exact same problem, but thought it may help to debug.