Preventing Cross-Site Scripting (XSS) in Dynamic HTML Injection with DOMPurify

import DOMPurify from 'dompurify';
 
function SafeHtmlViewer({ untrustedMarkup }) {
  const sanitizedContent = DOMPurify.sanitize(untrustedMarkup, {
    USE_PROFILES: { html: true },
    FORBID_TAGS: ['script', 'iframe'],
    FORBID_ATTR: ['onerror', 'onload', 'onclick']
  });
 
  return (
    <article
      className="user-rendered-content"
      dangerouslySetInnerHTML={{ __html: sanitizedContent }}
    />
  );
}