Как обратиться к другому элементу при наведении в material ui?

Question

[Alexander]

Хочу переписать код из css в material ui makeStyles()
Пробовал этот способ но он не работает, как можно обратиться к другому элементу при наведении?
Буду благодарен за ответ

.avatar:hover .changePhoto {
  display: block;
}

avatar: {
      '&:hover': {
        changePhoto: {
          display: 'block',
        },
      },
    },

Answer 1

[Александр]

avatar: {
  '&:hover': {
    '& $changePhoto': {
      display: 'block',
    },
  },
},
changePhoto: {},