title: React JS multiple link dynamic and props
body: <p>Hi i would like to give a props to my component if pathname match</p>
  <p>How can i do a thing like that ?</p>
  <p><a href="https://i.stack.imgur.com/JIhnF.jpg" rel="nofollow noreferrer">My main code here</a></p>
  <p>My routes here :</p>
  <pre><code>     &lt;Routes&gt;
        &lt;Route path=&quot;/&quot; element={&lt;Home /&gt;} /&gt;
        &lt;Route path=&quot;/article/:id&quot; element={&lt;Article /&gt;} /&gt;
        &lt;Route path=&quot;/cart&quot; element={&lt;Cart /&gt;} /&gt;
        &lt;Route path=&quot;/ordinateur/:slug&quot; element={&lt;Products /&gt;} /&gt;
        &lt;Route path=&quot;/composant-pc/:slug&quot; element={&lt;Products /&gt;} /&gt;
        &lt;Route path=&quot;/periph/:slug&quot; element={&lt;Products /&gt;} /&gt;
        &lt;Route path=&quot;/image-et-son/:slug&quot; element={&lt;Products /&gt;} /&gt;
        &lt;Route path=&quot;*&quot; element={&lt;NotFound /&gt;} /&gt;
      &lt;/Routes&gt;
  
  </code></pre>