title: How to decode a url in JavaScript or NextJS?
body: <p>In our NextJS application we have a URL that is fed with various query strings.</p>
  <p>With some query strings, however, we have the problem that they are displayed in encoded form. For example like this:</p>
  <pre><code>http://localhost:8080/my-app/test-app?project=project%3Aone&amp;project=project%3Atwo
  </code></pre>
  <p>As you can see, the colons are replaced with <code>%CA</code>.</p>
  <p>I know that this may be a default behavior, but I need the colons in the URL.</p>
  <p>Is there any way I can get this? So I need to URL above like:</p>
  <pre><code>http://localhost:8080/my-app/test-app?project=project:one&amp;project=project:two
  </code></pre>
  <p>We are using <code>URLSearchParams()</code> like this:</p>
  <pre><code>const constructQueryString = (params: any) =&gt; {
      const searchParams = new URLSearchParams();
      const projects = params.project.split(',');
      projects.forEach((p) =&gt; {
          urlSearchParams.append('project', p);
      });
  
      return searchParams.toString();
  };
  </code></pre>