aswi2022code-of-duty-gitlab/frontend/src/utils/formatting/HtmlUtils.tsx @ ff40cb89

import DOMPurify from 'dompurify'
import { ReactNode } from 'react'

/**
 * Formats HTML string to safe virtual DOM nodes.
 * @param htmlString string to format
 */
export const formatHtmlStringToReactDom = (htmlString: string, defaultValue: string = '-'): ReactNode => {
    if (!htmlString || htmlString.length === 0) {
        return defaultValue
    }
    return (
        <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(htmlString) }} />
    )
}