title: React throws URIError: This is likely caused by an invalid percent-encoding
body: <p>Was working in react and then encountered a problem like </p>
  
  <pre><code>  Uncaught URIError: This is likely caused by an invalid percent-encoding
  </code></pre>
  
  <p>Im working with news API at the moment and some of the articles might include <code>%</code>. My entire app depends on displaying news articles names in url because im using <code>this.props.match.params.id</code></p>
  
  <p>I tried to search for a solution online but most of them are very unclear when it comes to solving this exact problem. </p>
  
  <p>Is there a simple workaround this issue?</p>