title: Creating a Link Between Pages in React Router v6
body: <p>App.js</p>
  <pre><code>class App extends Component {
  
    render() {
      return (
        &lt;Router&gt;
          &lt;Header /&gt;
            &lt;Routes&gt;
                &lt;Route path=&quot;/&quot; element={&lt;Home /&gt;} /&gt;
                &lt;Route path=&quot;signin&quot; element={&lt;Signin /&gt;} /&gt;
            &lt;/Routes&gt;
            &lt;/div&gt;
        &lt;/Router&gt;
      );
    }
  }
  </code></pre>
  <p>Signin.js</p>
  <pre><code>class Card extends Component {
  
    render() {    
      return (        
        &lt;Link to=&quot;signin&quot;&gt;Signin&lt;/Link&gt;
      )
    }
  }
  </code></pre>
  <p>How to move to the sign in page in version 6 of the react router without the Home  appearing,
  Thank you for your help</p>