title: Could not type any text inside textfield
body: <p>I am using redux-form-material-ui for my form. With below code, i cannot type anything on the textfield. I mean to say nothing gets type in the textfield. There are two textfield in my form and one Autocomplete. One is for device name and another for timeout value. Autocomplete works though. Why is it not showing the text i have typed?</p>
  
  <p>What might be the reason for this issue? Have i done somewhere mistake?</p>
  
  <p>Please see an image attached. I cant write anything in device name and timeout input box. Only autocomplete box can be selected and is shown on input box.</p>
  
  <p><a href="https://i.stack.imgur.com/pPlQl.png" rel="nofollow"><img src="https://i.stack.imgur.com/pPlQl.png" alt="enter image description here"></a></p>
  
  <p><strong>Here is my code</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import _ from 'lodash';
  
  import { connect } from 'react-redux';
  import { Field, reduxForm } from 'redux-form';
  
  import {
      AutoComplete as MUIAutoComplete, MenuItem,
      FlatButton, RaisedButton,
   } from 'material-ui';
  
  import {
    AutoComplete,
    TextField
  } from 'redux-form-material-ui';
  
  const validate = values =&gt; {
    const errors = {};
    const requiredFields = ['deviceName', 'deviceIcon', 'deviceTimeout'];
    requiredFields.forEach(field =&gt; {
      if (!values[field]) {
        errors[field] = 'Required';
      }
  });
    return errors;
  };
  
  class DeviceName extends Component {
  
    handleSubmit = (e) =&gt; {
        e.preventDefault();
        this.props.handleNext();
    }
  
    render() {
        const {
            handleSubmit,
            fetchIcon,
            stepIndex,
            handlePrev,
            pristine,
            submitting
        } = this.props;
      return (
          &lt;div className="device-name-form"&gt;
              &lt;form&gt;
                  &lt;div&gt;
                      &lt;Field   
                          name="deviceName"
                          component={TextField} {/* cannot type */}
                          floatingLabelStyle={{ color: '#1ab394' }}
                          hintText="Device Name"
                          onChange={(e) =&gt; this.setState({ deviceName: e.target.name })}
                      /&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;Field
                          name="deviceIcon"
                          component={AutoComplete} {/* works */}
                          hintText="icon"
                          openOnFocus
                          filter={MUIAutoComplete.fuzzyFilter}
                          className="autocomplete"
                          dataSource={listOfIcon}
                          onNewRequest={(e) =&gt; { this.setState({ deviceIcon: e.id }); }}
                      /&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;Field
                          name="deviceTimeout"
                          component={TextField} {/* cannot type */}
                          floatingLabelStyle={{ color: '#1ab394' }}
                          hintText="Device Timeout"
                          ref="deviceTimeout" withRef
                          onChange={(e) =&gt; this.setState({ deviceTimeout: e.target.name })}
                      /&gt;
                  &lt;/div&gt;
                  &lt;div style={{ marginTop: 12 }}&gt;
                    &lt;RaisedButton
                      label={stepIndex === 4 ? 'Finish' : 'Next'}
                      primary
                      disabled={pristine || submitting}
                      className="our-btn"
                      onTouchTap={(e) =&gt; handleSubmit(e)}
                    /&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      );
    }
  }
  
  const mapStateToProps = ({ fetchIcon }) =&gt; ({
      fetchIcon
  });
  
  const DeviceForm = reduxForm({
    form: 'DeviceForm',
    validate,
  })(DeviceName);
  
  export default connect(mapStateToProps)(DeviceForm);
  </code></pre>