Компонент переключения пользовательского интерфейса материала некорректно отображается в браузерах. Флажок появляется

Question

Компонент переключения пользовательского интерфейса материала не отображается правильно в браузерах, отображается флажок. Изображение PFA. Я использую React 16.8.4. И компоненты класса.

Изображение кнопки переключения в других браузерах, кроме Chrome

          const GreenSwitch = withStyles({
            switchBase: {
                '&$checked': {
                color: green[500]
            },
            '&$checked + $track': {
                backgroundColor: green[500],
                cursor: 'pointer'
            },
            },
            checked: {},
            track: {},
        })(Switch);

<GreenSwitch
   checked={item.status}
   name= {"checked" + idx}
   onChange={this.handleChange(idx, item.issueCode)}
   inputProps={{ 'aria-label': 'Switch' }}
  value={item.status}
/>