title: Passing data from Link to a component
body: <p>I have a <strong>Component 1</strong> that renders a bunch of anchor links. When a user clicks on this link, it opens up a new page(<strong>Component 2</strong>) where the html structure for this page needs to be passed from <strong>Component 1</strong>. I am currently trying to pass the data from <code>&lt;Link /&gt;</code> using the <code>state={}</code> property.</p>
  
  <p><strong>Component 1</strong></p>
  
  <pre><code>&lt;Link
    to={{pathname:"...", state:{content:"&lt;div&gt;....&lt;/div&gt;"}}}
    target="_blank"
    rel="noopener noreferrer"
    className="..."
  /&gt;
  </code></pre>
  
  <p><strong>Routes.js</strong></p>
  
  <pre><code>.......
  &lt;Route path="/somepath/:xyz" exact component={Component 2} /&gt;
  ........
  </code></pre>
  
  <p>At current moment when I inspect for <code>props.location.state</code> its "undefined" and not sure why?</p>