reactjs - テキストフィールドコントロールが小道具(クラス)を取らないのはなぜですか?

Question

入力フィールドに焦点を合わせたときに、入力フィールドの境界線を変更しようとしています。現在、それが表示されています。または他の色blueに変更したいです。red

通過小道具を使ってみた

function Control(props) {
  console.log(props)
  return (
    <TextField
      fullWidth
      InputProps={{
        inputComponent,
        inputProps: {
          className: props.selectProps.classes.input,
          inputRef: props.innerRef,
          children: props.children,
         classes:{underline: props.selectProps.classes.underlineInput,
          root: props.selectProps.classes.inputRoot,
          focused: props.selectProps.classes.focusedLabel,},

          ...props.innerProps
        }
      }}
      {...props.selectProps.textFieldProps}
    />
  );
}

underline: props.selectProps.classes.underlineInput入力フィールドの境界線の色を変更しようとしましたが、うまくいきません。なぜですか?

ここに私のコードがあり ます https://codesandbox.io/s/71267zp3l6