A Controlled MenuItemSwitch

[musyoka-muthangya]

It is impossible to use the MenuItemSwitch in a controlled way:

const [checked, setChecked] = useState(true);
const onChange = async () => {
  const success = await doSomeWork();

 // only toggle the switch after doSomeWork is finished
 setChecked(success);
};
<MenuItemSwitch
   name="nam"
   value="val
   checked={checked}">
        Switch
 </MenuItemSwitch>

[layershifter]

MenuItemSwitch have the same behavior as MenuItemCheckbox and cannot be controlled individually. They should be controlled at Menu/MenuGroup level, please check https://react.fluentui.dev/?path=/docs/components-menu-menu--default#controlled-checkbox-items