title: CKEditor not populating data received the API
body: <p>Currently I am using formik to show the data received from the API and it works with the help of
  <code>enableReinitialize={true}</code> but I am now using CKEditor with it too and I am expecting the CKEditor to show the data received from the API, Following is my code :</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Formik
                  enableReinitialize={true}
                  initialValues={id ? updatedSchema : initialValues}
                  validationSchema={AddNewSchema}
                  onSubmit={(values) =&gt; {
                    dispatch(actions.createFAQ(values));
                  }}
                &gt;
                  {({ handleSubmit, setFieldValue }) =&gt; (
                    &lt;&gt;
                      &lt;Form className=&quot;form form-label-right&quot;&gt;
                        &lt;div className=&quot;form-group&quot;&gt;
                          &lt;Field name=&quot;question&quot; component={Input} label=&quot;Question *&quot; withFeedbackLabel={false} /&gt;
                          &lt;ErrorMessage name=&quot;question&quot; component=&quot;div&quot; className=&quot;invalid-feedback&quot; /&gt;
                        &lt;/div&gt;
                        &lt;div className=&quot;form-group&quot;&gt;
                          &lt;label&gt;Answer *&lt;/label&gt;
                          &lt;CKEditor
                            name=&quot;answer&quot;
                            editor={ClassicEditor}
                            onInit={(editor) =&gt; {
                              // You can store the &quot;editor&quot; and use when it is needed.
                              console.log(&quot;Editor is ready to use!&quot;, editor);
                            }}
                            onChange={(event, editor) =&gt; {
                              const data = editor.getData();
                              setFieldValue(&quot;answer&quot;, data);
                            }}
                          /&gt;
                        &lt;/div&gt;
                        &lt;ErrorMessage name=&quot;answer&quot; component=&quot;div&quot; className=&quot;invalid-feedback&quot; /&gt;
  
                        &lt;div className=&quot;row&quot;&gt;
                          &lt;div className=&quot;col-md-6 form-group&quot;&gt;
                            &lt;Select name=&quot;status&quot; label=&quot;Status *&quot; withFeedbackLabel={false}&gt;
                              {status.map((option, key) =&gt; (
                                &lt;option key={key} value={option.value}&gt;
                                  {option.label}
                                &lt;/option&gt;
                              ))}
                            &lt;/Select&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;button type=&quot;submit&quot; className=&quot;btn btn-primary ml-2&quot;&gt;
                          Save
                        &lt;/button&gt;
                      &lt;/Form&gt;
                    &lt;/&gt;
                  )}
                &lt;/Formik&gt;
  </code></pre>
  <p>Expected : <a href="https://i.stack.imgur.com/hY8ky.png" rel="nofollow noreferrer">https://i.stack.imgur.com/hY8ky.png</a>
  Actual <a href="https://i.stack.imgur.com/RjYhm.png" rel="nofollow noreferrer">https://i.stack.imgur.com/RjYhm.png</a></p>