JSX issue when using in Vue 3 with Typescript

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

[treighmawaka]

@MikesGlitch this might be an issue with the Volar extension, if you’re using it. See #https://github.com/johnsoncodehk/volar/issues/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.

[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 https://github.com/johnsoncodehk/volar/discussions/592#discussioncomment-2163786 to disable the preact typings.