title: How to convert markdown notation to html
body: <p>I have markdown like this</p>
  <pre><code>[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited
  </code></pre>
  <p>How can I convert something like this to</p>
  <pre><code>&lt;p&gt;&lt;a href=&quot;https://nextjs.org/docs/api-routes/introduction&quot;&gt;API routes&lt;/a&gt;. can be accessed on 
  &lt;a href=&quot;http://localhost:3000/api/hello&quot;&gt;http://localhost:3000/api/hello&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  <p>I am trying to implement this on ReactJS .</p>