[Bug]: Missing chevron icon from <MenuButton> if children is empty

[chenxinyanc]

Library

React Components / v9 (@fluentui/react-components)

System Info

(Using CodeSandbox)
  "dependencies": {
    "@fluentui/react-components": "9.18.6",
    "@fluentui/react-icons": "2.0.199",
    "react": "^17",
    "react-dom": "^17",
    "react-scripts": "latest"
  },

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/fluent-ui-v9-menubutton-without-children-1eezpp?file=/example.tsx

Bug Description

Actual Behavior

Expected Behavior

I expect to see the chevron icon even if the button has no label -- otherwise, what is the difference this component make, compared to <Button> component?

Background: I'm using <MenuButton> on <Toolbar> becuase there is currently no such component like <ToolbarMenuButton>.

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.