title: How to remove "/app" from route in gatsby
body: <p>I have setup gatsby project and my routes only works when it contains <code>/app</code> because of this <code>gatsby</code> nodejs file.</p>
  
  <pre><code>exports.onCreatePage = async ({ page, actions }) =&gt; {
    const { createPage } = actions
    // page.matchPath is a special key that's used for matching pages
    // only on the client.
    if (page.path.match(/^\/app/)) {
      page.matchPath = "/app/*"
  
      // Update the page.
      createPage(page)
    }
  }
  </code></pre>
  
  <p>I need to remove <code>/app</code> from my all the components. Is it possible to do so?</p>
  
  <p>And also on production mode my dynamic routes does not work what is the issue?</p>
  
  <pre><code>const App = () =&gt; (
    &lt;Layout&gt;
      &lt;Router&gt;
        &lt;VerifyToken path="/app/:token"/&gt;
        &lt;MagicLink path="/app/link/:magicLink"/&gt;
      &lt;/Router&gt;
    &lt;/Layout&gt;
  )
  </code></pre>