VS Code extension shows "JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists."

Astro Info

Astro                    v6.4.2
Node                     v22.22.2
System                   Windows (x64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             none

If this issue only occurs in one browser, which browser is a problem?

n/a - problem is with VS Code extension

Describe the Bug

Astro VS Code extension shows red squigglies for properly formatted pages:

The error message is always "JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists."

I see this on a fresh installation of VS Code 1.123.0 with only the Astro extension installed. Build and runtime are healthy (astro build succeeds), so this appears to be editor/language-service diagnostics only.

Workarounds Attempted

• Install/use workspace TypeScript.
• Pin TypeScript from 6.x to 5.9.x.
• Add jsxImportSource: "astro".
• Add types: ["astro/client"] and src/env.d.ts.
• Restart Astro language server and TS server.

What's the expected result?

• Astro template tags should be typed via Astro JSX intrinsic definitions.
• <script lang="ts"> should be treated as TypeScript in .astro files.
• No "JSX intrinsic" flood in valid Astro markup.

Link to Minimal Reproducible Example

https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal?file=src%2Fpages%2Findex.astro

Participation

• I am willing to submit a pull request for this issue.