When a prop being passed down to the parent component changes, the parent component runs a useEffect() which changes the init object(stored in the state) passed down to the editor as a prop. However, it does not take effect until the component is unmounted and mounted again.
This is a known problem. The only workaround is changing the key to force a reinit of the editor. TinyMCE does not support changing the theme without a reinit.
Changing the theme of the editor requires unmounting and then mounting the editor again.
The live demo of the project is available here
When a prop being passed down to the parent component changes, the parent component runs a useEffect() which changes the init object(stored in the state) passed down to the editor as a prop. However, it does not take effect until the component is unmounted and mounted again.
The browser used for testing is Chrome.