При клике на label инпут radio не становится активным в компоненте Реакта

Есть такой компонент:

function ColorItem({ color, chooseColor, id}) {

  return (
    <li>
      <input
        type='radio'
        className={`${colorItemStyles.radio} ${colorItemStyles[color]}`}
        id={id}
        name='colorList'
        value={color}
        onChange={chooseColor}
        required
      />
      <label htmlFor={id}>xx</label>
    </li>
  );
}

export default ColorItem;

При клике на label, radio не становится активным. В чем может быть проблема?

//