Utility helper to escape output in React, that uses the same sanitation as wp_kses

escapeHtml.js

import sanitizeHtml from "sanitize-html";

export const escapeHtml = (unsafeHtml) => {
    const allowedTags = [
        "a", "abbr", "acronym", "b", "blockquote", "cite", "code", "del", "em", 
        "i", "q", "strike", "strong", "ul", "ol", "li", "br", "p", "span", "div", 
        "img", "h1", "h2", "h3", "h4", "h5", "h6", "table", "thead", "tbody", 
        "tfoot", "tr", "th", "td", "pre"
      ];
      
      const allowedAttributes = {
        a: ["href", "title", "rel", "target"],
        abbr: ["title"],
        acronym: ["title"],
        blockquote: ["cite"],
        q: ["cite"],
        img: ["src", "alt", "title", "width", "height"],
        div: ["class", "id", "style"],
        span: ["class", "id", "style"],
        table: ["class", "id", "style", "border"],
        th: ["class", "id", "style", "colspan", "rowspan"],
        td: ["class", "id", "style", "colspan", "rowspan"],
        p: ["class", "id", "style"],
      };

      return sanitizeHtml(unsafeHtml, {
        allowedTags,
        allowedAttributes,
        parser: {
            decodeEntities: true
        }
      });
}