Adding disabled prop to <component> within MenuItem inside a <Menu> not working

[JshGrn]

If I add 'disabled' to the MenuItem then it adds the aria-disabled prop, however I want to mark the within the as disabled, outputting "disabled" inline, however this doesnt work. It looks like its removed or set by default to false?

Have read the closed issues and can't see anyone reporting the same issue.

A very simplified markup:

<Menu as="div">
   <MenuButton>test</MenuButton>
      <MenuItems>
         <MenuItem
            v-for="menuItem in items"
            :key="menuItem.href"
            :href="menuItem.href"
            v-slot="{ active }"
            disabled
         >
            <component is="button" disabled>disabled button</component>
         </MenuItem>
   </MenuItems>
</Menu>

I am expecting <button disabled>disabled button</button>