I have markdown like this

[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

How can I convert something like this to

<p><a href="https://nextjs.org/docs/api-routes/introduction">API routes</a>. can be accessed on 
<a href="http://localhost:3000/api/hello">http://localhost:3000/api/hello</a></p>

I am trying to implement this on ReactJS .