title: React router: how to get rid of extra symbols added to the url
body: <p>Am using <code>react-router</code> and passing param in the route like this:</p>
  
  <pre><code>&lt;Router&gt;
      &lt;Route path="/home/item/:item" component={Main} &gt;
        &lt;IndexRoute component={Home} /&gt;
       &lt;Route path="signing" component={Signin} /&gt;
      &lt;/Route&gt;
  &lt;/Router&gt;
  </code></pre>
  
  <p>However when navigating to the signing page extra symbols <code>+</code> and <code>%20</code> added to the <code>:item</code> </p>
  
  <pre><code>http://localhost:3000/home/item/item1%20+%20/signin
  </code></pre>
  
  <p>And if i tried to get the <code>:item</code> value using <code>this.props.params.item</code> I get  <code>item1 +</code> when i want to get only the item value in this case <code>item1</code></p>