How to include html entity in jsx?

Question

I want html code &#8592 for left Arrow to be inserted in place of blue arrow and rendered to arrow instead of being treated like a string,I found some answers on stackoverflow but really didn't understand what was actually happening neither it seemed to solve my problem ,

function Url_Component(){

return (<React.Fragment><span id="span1">Add Url</span><span id="span2">Choose Image</span><span className="arrow" id="span3">⬅️</span></React.Fragment>)

}

Answer 1

Kode Krasher thks a lot for figuring it out ,those stackoverflow answers even confused me more and I couldn't pay attention to such a small mistake