title: TextField default value from parent not rendering on child
body: <p>I'm working on a form with Reactjs that gets some defaultValues from the parent component.</p>
  
  <p>The problem is, the parent component set states of the values with a axios post and pass those values to the child as props. I can print those values on the child component with console.log but if I try to put those values on defaultValues on the TextFields I got a empty form, none of the values is rendered on the form.</p>
  
  <p>Parent component:</p>
  
  <pre><code>export default class Parent extends Component {
     constructor(props){
        super(props);
        this.state={
           somevalue: '',
        }
     }
  
     componentDidMount(){
        this.getData();
     }
  
     getData = async () =&gt; {
        await api.post('/getValue')
        .then((res) =&gt; {
           this.setState({
              someValue: res.data;
           })
        }).catch((err) =&gt; {
           console.log("Error: ", err);
        })
     }
  
     render(){
        return(
           &lt;Child value={this.state.someValue}/&gt;
        )}
  }
  </code></pre>
  
  <p>Child component</p>
  
  <pre><code>export default function Child(props) {
     console.log(props.value); // THIS LOG PRINT THE VALUE PROPERLY
     return(
        &lt;TextField defaultValue={props.value}/&gt;
     )
  }
  </code></pre>
  
  <p>This is basically my code structure, but it's not working. TextField still empty after this.</p>