title: Location prop undefined on refresh (ReactJS)
body: <p>I'm sending an object with a couple of params through the "to" prop on my Link from react-router-dom. Initially, when the link is clicked, the data is fine and the props have their value. Once I refresh they are undefined.</p>
  
  <p>Heres the Link...</p>
  
  <pre><code>let newTo = {
       pathname: `/poke/${name}`,
      param1: name
  }
  const { name } = this.props;
  &lt;Link style={viewBtn} to={newTo}&gt;View&lt;/Link&gt;
  </code></pre>
  
  <p>Heres the route if it matters...</p>
  
  <pre><code>&lt;Route path="/poke/:pokemon" component={PokeSummary} /&gt;
  </code></pre>
  
  <p>Heres the code on my other component receiving the prop...</p>
  
  <pre><code>    constructor(props) {
      super(props)
      this.state = {
          paramName: props.location.param1,
          pokemon: {
              id: 0,
              name: '',
          },
          isLoading: false
      }
  }
  
  componentDidMount() {
      this.fetchData(this.state.paramName)
  }
  
  fetchData = (nameP) =&gt; {
      fetch(`https://pokeapi.co/api/v2/pokemon/${nameP}`)
          .then(res =&gt; res.json())
          .then(data =&gt; this.setState({
              pokemon: {
                  id: data.id,
                  name: data.name,
              }
          }, () =&gt; {console.log(this.state.pokemon)}))
  }
  </code></pre>
  
  <p>Thanks!</p>