title: TinyMCE editor when embedded in React with Redux Architecture, fails to update React DOM
body: <p>TinyMCE when embedded in React with Redux Architecture, fails to update React DOM when props are passed when data is updated via redux flow.</p>
  
  <blockquote>
    <p>Code Reference: <a href="https://codesandbox.io/s/reactredux-vzpe8" rel="nofollow noreferrer">click here for reference to code</a></p>
  </blockquote>
  
  <p>Process of Implementation:-</p>
  
  <ul>
  <li>In Reducer file we have an initial state of content, which is used to render data</li>
  </ul>
  
  <pre><code>const initialState = {
    value: 0,
  };
  </code></pre>
  
  <ul>
  <li>Via Redux flow on click of button triggered via TinyMCE actions, therein we dispatch an action which in return increment the value, but it doesn't get updated on DOM.</li>
  </ul>
  
  <p>Review how TinyMCE can update the DOM while updating the data using Props data. You can take reference from codesandbox code link <a href="https://codesandbox.io/s/reactredux-vzpe8" rel="nofollow noreferrer">https://codesandbox.io/s/reactredux-vzpe8</a>.</p>
  
  <p><strong><em>Note:- Please close warning console window as it appears in development in codesandbox</em></strong></p>
  
  <p>As per updates I have used React Library for TInyMCE, where in I am not able to have update or Did Mount stage call via ReactDom Server rendering URL for code reference: <a href="https://codesandbox.io/s/confident-spence-tmz0x" rel="nofollow noreferrer">https://codesandbox.io/s/confident-spence-tmz0x</a> </p>