title: Strange behaviour with Material-UI Text Field and Redux state trying to set default value?
body: <p>I am trying to set a defaultValue property for a Text Field by getting the value from my Redux state however it is not updating accordingly.</p>
  
  <p>I have passed the value as a prop from the container component down to my edit component like so:</p>
  
  <pre><code>render() {
  
  const {data} = this.props
  
       return (
            &lt;editcomponent value={this.props.data.value}
       )
  }
  
  const mapStateToProps = (state) =&gt; {
  
    return {
      data: state.dataReducer
    }
  
  }
  </code></pre>
  
  <p>In my edit component I tried to just display it first and this works fine:</p>
  
  <pre><code>render() {
  
       return (
            &lt;h3&gt;this.props.value&lt;/h3&gt;
       )
  }
  </code></pre>
  
  <p>When I reload the page with new data in my Redux state it updates accordingly. However, when I try the exact same thing except with a Text Field in which I am setting defaultValue it does not update.</p>
  
  <p>This doesn't work:</p>
  
  <pre><code>render() {
  
       return (
            &lt;TextField id="textfield_id" defaultValue={this.props.value}/&gt;
       )
  }
  </code></pre>
  
  <p>It will work the initial time, and then when I reload the page with new data it doesn't set the defaultValue to the new data it stays the same as it originally was. If I use value instead then it will change the data but it won't allow me to edit the text box value anymore.</p>
  
  <p>How can I solve this? I want to be able to have a defaultValue set by my Redux state and allow the value to be changed as the user changes/deletes what's in the text box.</p>