title: Invalid value for prop `value` on <input> tag
body: <p>I am getting this warning that I can not resolve:</p>
  
  <blockquote>
    <p>Invalid value for prop <code>value</code> on  tag. Either remove it from
    the element, or pass a string or number value to keep it in the DOM.
    For details</p>
  </blockquote>
  
  <p>The following is the code I am using:</p>
  
  <pre><code>&lt;FormItem validateStatus={NameError ? "error" : ""} help={NameError || ""}&gt;
    {getFieldDecorator("Name", {
      initialValue: (()=&gt;{this.state.Data.Name}),
      rules: [{ required: true, message: "Please input the component name!" }]
    })(
      &lt;Input
        className="form-control"
        type="text"
        name="Name"
        defaultValue={this.state.Data.Name}
        onChange={this.onChange}
      /&gt;
    )}
  &lt;/FormItem&gt;
  </code></pre>
  
  <p>My typescript interfaces look like this:</p>
  
  <pre><code>export interface IFieldEdition{
      Data:IFieldData
  }
  
  export interface IFieldData{
      Id?:number,
      Name?:string,
      Value?:string,
      Description?:string,
      CreatedDate?:Date,
      CreatedBy?:string,
      StatusId?: number
  }
  </code></pre>
  
  <p>How can I resolve this? Any clue?</p>