dangerouslysetinnerhtml nextJS tag <p>

Question

I have a problem executing dangerouslySetInnerHTML in nextJS. I want to remove the <p> tag, but when it is reloaded it doesn't even appear on the screen. this is my code

Answer 1

You can only set one of children or props.dangerouslySetInnerHTML . The return() function should be:

return (
    <div className={styles.article} dangerouslySetInnerHTML={{ __html: data }} />
);

I do recommend using DOMPurify to sanitize your HTML before inserting it in the DOM via dangerouslySetInnerHTML .