forgeplus-react/src/components/render-html.jsx

import React, { useEffect, useRef } from 'react'
import 'katex/dist/katex.min.css';
import { exportMdtoHtml } from 'educoder'

let preRegex = /<pre[^>]*>/g
export default ({ value = '', is_md = true, className, style = {} }) => {
  let html = is_md ? exportMdtoHtml(value) : value
  console.log(html, '----========')
  html = html.replace(/▁/g, "▁▁▁")
  const el = useRef()

  useEffect(() => {
    if (el.current && html) {
      if (html.match(preRegex)) {
        window.PR.prettyPrint()
      }
    }
  }, [html, el.current])

  return (<div ref={el} style={style} className={`${className} markdown-body`} dangerouslySetInnerHTML={{ __html: html }}></div>)
}