A component is contentEditable and contains children managed by React in Suneditor while working in Next.js.

[divrawat]

Adding images or iframes through suneditor to a blogpost or article will give warning in console "A component is contentEditable and contains children managed by React" after viewing that article or blogposts.

...

..
..

Published Article --

This is because when you add image or iframe then an attribute contenteditable=" false" is attached to image component or div of SunEditor. And because of this, warning can be seen in console.

If I remove contenteditable=" false" from source of Suneditor while writing the article and then view that article after publishing then the warning is gone.

@JiHong88 is there a reason why we add contenteditable=" false"?

Conclusion - Adding images or iframes etc. through Suneditor to a blogpost or article will give warning in console "A component is contentEditable and contains children managed by React" after viewing that article or blogposts.

[JiHong88]

The 2.44.12 version has been updated.
Thank you.