title: How to get links to open correctly?
body: <p>I have a element on my website that get links from a form. I fetch the data and put it in a div. One of the fields of data is a link to the person's website. I have it so that when someone clicks on the div it open up the link. But when it fetches the link it adds it along the current domain. For example,</p>
  
  <p>Link: example.com</p>
  
  <p>Domain: domain.com</p>
  
  <p>what happens: domain.com/example.com</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a href={`${props.person.person_link}`}&gt;
      &lt;div className="card-body"&gt;
  &lt;a/&gt;
  </code></pre>