title: React - I can't access my public folder when I'm in a route with 2 or more slash. react-router-dom
body: <p>I made a component that reads the URL to get an ID and I'm using that ID to show the content the thing is if I use this route the component can't access my public folder.</p>
  
  <pre><code>&lt;Route path="/menu/:dishId" component={...} /&gt;
  </code></pre>
  
  <p>But if I use this one without the '/' I can access my public folder.</p>
  
  <pre><code>&lt;Route path="/menu:dishId" component={...} /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/cR66r.png" rel="nofollow noreferrer">This is my public folder structure.</a><br><br>
  And this is how I'm accessing my public folder images.</p>
  
  <pre><code>image: "img/uthappizza.png",
  </code></pre>