Alternando texto e ícone junto com o tema

SideMenu.tsx

<Box>
  <List component="nav">
    <ListItemButton onClick={toggleTheme}>
      <ListItemIcon>
        <Icon>
          {theme.palette.mode == 'dark' ? 'light_mode' : 'dark_mode'}
        </Icon>
      </ListItemIcon>
      <ListItemText
        primary={theme.palette.mode == 'dark' ? 'Light' : 'Dark'}
      />
    </ListItemButton>
  </List>
</Box>