title: React opening blank page after I built it
body: <p>I built my React application <code>npm run build</code> and when I try to open the index.html inside the build folder, it returns a blank page.</p>
  <p>My navigation folder:</p>
  <pre><code>import { BrowserRouter as Router, Route, Switch } from &quot;react-router-dom&quot;;
  
  ...
  
  
  &lt;Router&gt;
      &lt;Switch&gt;
          &lt;Route path=&quot;/&quot; exact={true} component={Home} /&gt;
          &lt;Route path=&quot;/benefits&quot; exact={true} component={Benefits} /&gt;
          &lt;Route path=&quot;/features&quot; exact={true} component={Features} /&gt;
          &lt;Route path=&quot;/pricing&quot; exact={true} component={Pricing} /&gt;
          &lt;Route path=&quot;/cases&quot; exact={true} component={Cases} /&gt;
          &lt;Route path=&quot;/partners&quot; exact={true} component={Partners} /&gt;
          &lt;Route path=&quot;/contact&quot; exact={true} component={Contact} /&gt;
          &lt;Route path=&quot;/signup&quot; exact={true} component={SignUp} /&gt;
      &lt;/Switch&gt;
  &lt;/Router&gt;
  
  ...
  </code></pre>
  <p>I added the <code>homepage</code> in the package.json</p>
  <pre><code>&quot;homepage&quot;: &quot;.&quot;,
  </code></pre>
  <p>Am I missing a configuration?</p>
  <p>Thanks</p>
  <p>Adding more details:
  I edited the App.js file to include a <code>&lt;h1&gt;Test&lt;/h1&gt;</code>
  The MainNavigation is the file above with the Routers.</p>
  <pre><code>import React from &quot;react&quot;;
  
  import MainNavigation from &quot;./components/MainNavigation&quot;;
  
  function App() {
    return (
        &lt;&gt;
          &lt;h1&gt;TEST&lt;/h1&gt;
          &lt;MainNavigation /&gt;
        &lt;/&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>After building, when I open the index.html, only the <code>TEST</code> is displayed.</p>