title: How to set formik field value
body: <p>Am trying to load saved values into a formik form to allow updating them the below is my approach</p>
  
  <pre><code>&lt;Formik
            initialValues={{
              name: ''
            }}
            render={({ errors, status, touched, setFieldValue, isSubmitting, values }) =&gt; (
              &lt;&gt;
                &lt;div className="col-md-6"&gt;
                  &lt;form className="form-horizontal"&gt;
                    &lt;div className="card-body"&gt;
                      &lt;div className="form-group row"&gt;
                        &lt;label htmlFor="nameLabel" className="col-sm-2 col-form-label"&gt;Name&lt;/label&gt;
                        &lt;div className="col-sm-10"&gt;
                          &lt;Field
                            value={values.name}
                            name="name"
                            type="text" placeholder="Location name"
                            className={'form-control' + (errors.name &amp;&amp; touched.name ? ' is-invalid' : '')} /&gt;
                          &lt;ErrorMessage name="name" component="div" className="invalid-feedback" /&gt;
                        &lt;/div&gt;
  
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/form&gt;
                &lt;/div&gt;
                &lt;div className="col-md-6"&gt;
                  &lt;table className="table table-striped projects"&gt;
                    &lt;thead&gt;
                      &lt;tr&gt;
                        &lt;th &gt;
                          Name
        &lt;/th&gt;
                        &lt;th&gt;
                          Adress
               &lt;/th&gt;
                        &lt;th&gt;
                        &lt;/th&gt;
                      &lt;/tr&gt;
                    &lt;/thead&gt;
                    &lt;tbody&gt;
  
                      {locations.map((location, index) =&gt;
  
                        &lt;tr key={index}&gt;
                          &lt;td&gt;
                            {location.name}
                          &lt;/td&gt;
                          &lt;td&gt;
                            {location.address}
                          &lt;/td&gt;
                          &lt;td&gt;
                            &lt;button className="btn btn-info btn-sm"
                              onClick={(location) =&gt; {
  
                                setFieldValue('name', location.name)
  
                              }}
                            &gt;
                              Edit
             &lt;/button&gt;
                          &lt;/td&gt;
                        &lt;/tr&gt;
                      )
                      }
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/div&gt;
              &lt;/&gt;
            )}
          /&gt;
        &lt;/div&gt;
      );
  </code></pre>
  
  <p>am basically trying to edit some data, but when I click the edit button I receive the error message <code>A component is changing a controlled input of type text to be uncontrolled.</code> , what am doing wrong ?</p>