title: Netlify does not recognize the URL params when using react-router-dom
body: <p>I am creating a react app that uses react router. I am using the router to match the paths like <code>:/bankName-:credit</code> and it works fine in local development. The only require path for my application is <code>:/bankName-:credit</code> and every other path will hit <code>404</code>.
  But when I deploy this app to netlify then for default it goes to <code>/</code> and shows a custom <code>404</code>. That's all good. But now if I try to go to <code>/hdfc-500</code> then it gives a netlify not found message that <code>page not found</code>.</p>
  
  <p>I tried using <code>_redirects</code> as mentioned in the <a href="https://www.netlify.com/docs/redirects/#placeholders" rel="noreferrer">netlify docs</a> but this does not work.</p>
  
  <p>Here are my routes:-</p>
  
  <p>App.js</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Route path='/:bankCode-:credit' component={NestedRoutes} /&gt;
  &lt;Route component={NotFound} /&gt;
  </code></pre>
  
  <p>Here is my <code>NestedRoutes</code> component:-</p>
  
  <pre class="lang-js prettyprint-override"><code>const NestedRoutes = ({ match }) =&gt; (
    &lt;Suspense fallback={&lt;LinearProgress /&gt;}&gt;
      &lt;Switch&gt;
        &lt;Route exact path={`${match.path}/sc-generate`} component={SCGenerate} /&gt;
        &lt;Route exact path='/:bankCode-:credit' component={Home} /&gt;
        &lt;Route component={NotFound} /&gt;
      &lt;/Switch&gt;
    &lt;/Suspense&gt;
  )
  </code></pre>
  
  <p>I am using following code in my <code>_redirects</code> file:-</p>
  
  <pre><code>/* /:bankCode-:credit
  </code></pre>
  
  <p>But it try to match exactly with <code>/:bankCode-:credit</code></p>
  
  <p>What should I do to fix this?</p>