title: Material UI specific Textfield validation unexpected behaviour
body: <p>Running a project on Node and having the front-end on React also to set the .env variables, I have built it with Material UI and all of the TextFields supplied work as expected with their particular validation. Except a field that uses the same pattern like the others, it does not acquire any input or do any kind of validation. Could anyone guide me if I am missing something or how to approach this problem?</p>
  
  <pre><code>class Dashboard extends React.Component {
    constructor(props) {
      super(props);
  
      this.state = {
        // ...
        serviceHTTPSCa: "",
        serviceHTTPSCaError: ""
      }
  
      // ...
  
      this.handleChangeServiceHTTPSCa = this.handleChangeServiceHTTPSCa.bind(this);
    }
  
    handleChangeServiceHTTPSCa(event) {
      if (event.target.value.match(/^([a-z0-9_-]+).crt$/i)) {
        this.setState({
          serviceHTTPSCa: event.target.value,
          serviceHTTPSCaError: "",
        });
      } else {
        this.setState({
          serviceHTTPSCaError: "Invalid format!"
        });
      }
    }
  
    render() {
      return (
        &lt;div&gt;
          {/* some other markup */}
          &lt;TextField
            hintText="Service https Ca..."
            fullWidth={true}
            value={this.state.serviceHTTPSCa}
            onChange={this.handleChangeServiceHTTPSCa}
            errorText={this.serviceHTTPSCaError}
            type="text"
          /&gt;
          {/* some other markup */}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>