You probably want to look deeper into dangerouslySetInnerHTML. Here is an example how to render HTML from a string in a React component:

import React from 'react';
import { render } from 'react-dom';

const htmlString = '<h1>Hello World! </h1>';

const App = () => (
  <div dangerouslySetInnerHTML={{ __html: htmlString }} />
);

render(<App />, document.getElementById('root'));

Full example here: https://codesandbox.io/s/xv40xXQzE

Read more about dangerouslySetInnerHTML in the React docs here: https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

Just found html-react-parser that turn out...

HTML to React parser that works on both the server (Node.js) and the client (browser)

This workaround works with Remix out of the box without any visible issue

Could be a good suggestion alternative to dangerouslySetInnerHTML

React is a JavaScript library and it internally uses JavaScript so, it will be slower.

If it's just about setting an html value, you can use .innerHTML, but there are security considerations for its usage.

To avoid injection attacks(like XSS), we should sanitize the html while insertion(even if the DB is storing sanitized html).

Use a sanitizer like sanitize-html or react-sanitize-html like this

import SanitizedHTML from 'react-sanitized-html';

function SomeComponent({_id}) {
return (
    <div className="list-group-item mb-3">
      <div id={`text-${_id}`}
        <SanitizedHTML html={ text} />
      </div>
    </div>
)}

html-to-react parser (which internally calls html-to-dom-parser) is react specific and serves a different purpose. If you look at it's signature,

/**
 * Converts HTML string to React elements.
 *
 * @param {string} html - HTML string.
 * @param {object} [options] - Parser options.
 * @param {object} [options.htmlparser2] - htmlparser2 options.
 * @param {object} [options.library] - Library for React, Preact, etc.
 * @param {Function} [options.replace] - Replace method.
 * @returns {JSX.Element|JSX.Element[]|string} - React element(s), empty array, or string.
 */
function HTMLReactParser(html, options)

you can see that it returns React element(s), empty array, or string

Please note that Element.innerHTML is not DOM parsing. Its different. AS per MDN Docs,

The Element property innerHTML gets or sets the HTML or XML markup contained within the element.