switchPermission函数中的RankPermission. value从false变为true，但浏览器中的MUI开关没有更新。我不知道为什么它没有更新，我也没有尝试太多。我不知道如何修复它。

const [activeRank, setActiveRank] = useState<FactionRanks>();

export type FactionRanks = {
  id: number;
  name: string;
  rankPermissions: FactionRanksPermissions[];
};

export type FactionRanksPermissions = {
  label: string;
  value: boolean;
};

const ActionMenu = () => {
  const { activeRank } = useContext(FactionPanelContext);

  const switchPermission = (rankPermission: FactionRanksPermissions) => {
    rankPermission.value = !rankPermission.value;
    console.log(rankPermission);
  };

  return (
    <Wrapper>
      <Buttons>
        {activeRank?.rankPermissions.map(
          (rankPermission: FactionRanksPermissions, index: number) => (
            <Row key={index}>
              <OptionDetails>{rankPermission.label}</OptionDetails>
              <IOSSwitch
                checked={rankPermission.value}
                inputProps={{ 'aria-label': 'secondary checkbox' }}
                onClick={() => switchPermission(rankPermission)}
              />
            </Row>
          )
        )}
      </Buttons>
    </Wrapper>
  );
};