title: React Query String not being displayed
body: <p>I am using query-string to pass some parameters and render the below component </p>
  
  <pre><code>import React, { Component } from "react";
  class Show extends Component {
  
    constructor(props,context) {
          super(props,context);
          this.state = {
            name: ''
          };
          console.log(this);
  
      }
  
  
    render() {
      return (
        &lt;div&gt;
          &lt;h4&gt;Hi {this.props.match.params.name} &lt;/h4&gt;
          &lt;p&gt;&lt;/p&gt;
          {this.props.match.params.name ? &lt;b&gt;ID: {this.props.match.params.name}&lt;/b&gt; : }
        &lt;/div&gt;
      );
    }
  }
  
  export default Show;
  </code></pre>
  
  <p>The route is like below :</p>
  
  <pre><code>    &lt;Route path='/show/:name?' component={Show} /&gt;
  </code></pre>
  
  <p>But this always  results in undefined name and I see only Hi not the name .I use the below versions .</p>
  
  <pre><code>"react-dom": "^16.13.0",
  "react-router-dom": "^5.1.2",
  "query-string": "^6.11.1"
  </code></pre>
  
  <p>Not sure where I am making a mistake .Any help is appreciated.</p>