React is rendering md (remarkable) as a string
<p>Below is a dummied down version of the component I'm pulling into another component.</p>

<pre><code>import React from "react"

var Remarkable = require('remarkable');
var md = new Remarkable();

const Info = (props) =&gt; {
  return (
    &lt;div className="pop"&gt;
      &lt;div&gt;
&lt;h1&gt;{props.title}&lt;/h1&gt;
{md.render('# Remarkable rulezz!')}
      &lt;/div&gt;
    &lt;/div&gt;
  )
}

export default Info;
</code></pre>

<p>On the page it is currently rendering.</p>

<pre><code>(the title passed as props, as a h1, and...)
&lt;h1&gt;# Remarkable rulezz!&lt;/h1&gt;
</code></pre>

<p>So it's literally rendering out the whole thing as a string, when I want it to behave like html.</p>

<p>How do I do this? Or have I missed the whole point of md?
Thanks</p>