htmlTranslate.js

import React from 'react'
import i18n from 'i18n-js'
import { sanitize } from 'dompurify'
import _ from 'lodash'

export const htmlTranslate = (scope, options) => {
  if (!scope.endsWith('_html')) {
    return i18n.t(scope, options)
  }

  const tag = options['tag'] || 'span'
  const escapedInterpolations = _.mapValues(options, dompurify)
  const html = i18n.t(scope, escapedInterpolations)
  return React.createElement(tag, { dangerouslySetInnerHTML: { __html: html } })
}