ActionMenu.Anchor doesn't accept `id` param and doesn't pass up child id either

[milemons]

ActionMenu.Anchor doesn't accept `id` param and doesn't pass up child id either

[broccolinisoup]

Hi @milemons 👋 Thanks for raising this issue. I recognised that the functionality is available (introduced in #3897) however not typed properly. I pushed a fix for it #4385

Also, to add, as same as ActionMenu.Button, the id needs to be passed in the parent component instead of the child.

<ActionMenu.Anchor id="ICON_ID">  // 👈 custom id passed on the parent
    <IconButtonWithTooltip
      icon={TriangleDownIcon}
      label="Copilot menu"
      hideTooltip={open}
      onSelect={() => setOpen(true)}
      size="small"
      sx={{...squareHeightSx, '>span': {mb: 0}, color: 'fg.muted'}}
      tooltipDirection="sw"
      data-testid="more-copilot-button"
    />
</ActionMenu.Anchor>

Let us know if you have any further issues with it!