title: React decoding with % in URL causes error
body: <p>In order to allow for URL parameters to have percent signs, I use this code:</p>
  
  <pre><code>&lt;Link to={"project/" + encodeURIComponent(projectName.replace("%", "%25"))}&gt;{projectName}&lt;/Link&gt;
  </code></pre>
  
  <p>The link above takes me to the <code>projects</code> page. This is how I decode the projectName parameter on the <code>projects</code> page:</p>
  
  <pre><code>const projectName = decodeURIComponent(match.params.projectName);
  </code></pre>
  
  <p>This code works. However, if I refresh the <code>projects</code> page or use the browser back/forward button to navigate to the <code>projects</code> page, I get an error when decoding. <code>URIError: URI malformed</code></p>
  
  <p>It looks like the match.params.projectName is already decoded after refreshing / navigating with forward / back buttons. This causes the error to occur.</p>