React - How to pass HTML tags in props?

Question

I want to be able to pass text with HTML tags, like so:

not working.\" />

Bu

Answer 1

Here is a solution that doesn't use the dangerouslySetInnerHTML which is dangerous as the name says.

import { IntlProvider, FormattedMessage } from "react-intl";

 {chunks},
            i: (chunks) => {chunks},
            a: (chunks) => (
              
                {chunks}
              
            )
          }}
        />

This should be rendered as:

Full example in https://jiga.dev/react-render-string-with-html-tags-from-props/