[@vue/compiler-sfc] doesn't recognize JSX types. When I use defineProps with AnchorHTMLAttributes.

[naito-7110]

• versions
  "vue": "^3.5.13"
  "@vue/compiler-sfc": "^3.5.17",

I am having a problem.
This is button component, and It works good.

/*  button component */
<script setup lang="ts">
  import  type { ButtonHTMLAttributes } from 'vue'

  withDefaults(
    defineProps<
      ButtonHTMLAttributes & {
        variant?: 'primary' | 'secondary' | 'sub' | 'alert'
      }
    >(),
    {
      variant: 'primary',
      type: 'button',
      disabled: false,
    },
  )
</script>

On the other hand. anchor component doesn't works even if it's defined same as button component.

/* anchor component */
<script setup lang="ts">
  import type { AnchorHTMLAttributes } from 'vue'

  withDefaults(
    defineProps<
      AnchorHTMLAttributes & {
        variant?: 'primary' | 'secondary'
      }
    >(),
    {
      variant: 'primary',
    },
  )
</script>

This is error messages.
what does it means?

18:06:14 [vite] Internal server error: [@vue/compiler-sfc] Failed to resolve extends base type.
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:

interface Props extends /* @vue-ignore */ Base {}

Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.

C:/Users/environments/app/frontend/node_modules/.pnpm/@[email protected]/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
436|  }
437|  type HTMLAttributeReferrerPolicy = '' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
438|  export interface AnchorHTMLAttributes extends HTMLAttributes {
   |                                                ^^^^^^^^^^^^^^
439|      download?: any;
440|      href?: string;
  Plugin: vite:vue