Содержимое фишек необходимо обновить после того, как я нажму на контент в меню

• Я пытаюсь реализовать функциональность чипов, аналогичную рейсам Google.
• прямо сейчас, когда я нажимаю фишки, открывается меню. здесь спорт - это фишка
• но когда я нажимаю на профиль, спортивный текст в чипе должен быть обновлен текстом профиля со значком крестика.
• Я попытался передать событие, но не получил щелчок li в консоли.
• подскажите, как это исправить.
• предоставив мой код ниже

мой код

https://codesandbox.io/s/40mmrl9059

пример

https://www.google.fr/flights#flt=AUS./m/02_286.2018-11-16/m/02_286.AUS.2018-11-20;c:USD;e:1;a:STAR_ALLIANCESTAR_ALLIANCE; sd: 1; t: f

<WithState>
              {({ anchorEl, updateAnchorEl }) => {
                const open = Boolean(anchorEl);
                const handleClose = e => {
                  console.info("handleClose --->", e);
                  updateAnchorEl(null);
                };

                return (
                  <React.Fragment>
                    <Chip
                      onClick = {event => {
                        console.info(
                          "event.currentTarget--->",
                          event.currentTarget
                        );
                        updateAnchorEl(event.currentTarget);
                      }}
                      label = "Sports"
                      className = {classes.chip}
                    />

                    <Chip
                      label = "Sports Staus Active"
                      onDelete = {handleDelete}
                      className = {classes.chip}
                      color = "primary"
                    />