Material-UI как изменить стиль label при нажатии на text field (JSS)?

Question

[nivaech]

Есть компонент с textfield.

const TextFieldd = () => {
  const classes = useStyles();
  return (
    <form className={classes.root} noValidate autoComplete="off">
      <TextField id="outlined-basic" label="Some Label" variant="outlined" />
    </form>
  );
};

при клике на него label с поля инпута уходит в сторону, и в этот момент нужно изменить его стиль, чтобы текст лейбла стал жирным. Как прописать это в оверрайде?

MuiInputLabel: {
    root: {
      fontWeight: '300',
    },
  },

Answer 1

[Mikhail Osher]

Customized Inputs