Property 'xx' does not exist on type 'ElementAttrs'

[linjhon]

Version

2.7.3

Reproduction link

github.com

Steps to reproduce

1. clone reproduction repo
2. pnpm install
3. npm run typecheck

What is expected?

Don't show error

What is actually happening?

1. src/components/icons/IconTooling.vue:5:5

 <svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
 >
  //...
 </svg>

error TS2322: Type '{ xmlns: string; "xmlns:xlink": string; ariaHidden: string; "aria-hidden": "true"; role: string; class: string; width: string; height: string; preserveAspectRatio: string; viewBox: string; }' is not assignable to type 'ElementAttrs<SVGAttributes>'.
  Property 'xmlns:xlink' does not exist on type 'ElementAttrs<SVGAttributes>'.

2. src/App.vue:14:9

<img
  alt="Vue logo"
  class="logo"
  src="@/assets/logo.svg"
  width="125"
  height="125"
  aria-disabled="true"
/>

error TS2322: Type '{ alt: string; class: string; src: string; width: string; height: string; ariaDisabled: string; "aria-disabled": "true"; }' is not assignable to type 'ElementAttrs<ImgHTMLAttributes>'.
  Property 'ariaDisabled' does not exist on type 'ElementAttrs<ImgHTMLAttributes>'. Did you mean ''aria-disabled''?

[yyx990803]

/cc @johnsoncodehk

The JSX type should be consistent with v3 - does this only happen when using vue-tsc with Vue 2?

[johnsoncodehk]

This problem is fixed by vuejs/language-tools#1533 and released with Volar v0.38.3, please update your Volar extension version in VSCode.