title: React issue on heroku when trying to reload the application, white screen
body: <p>The following error can be seen in the console when I try to reload the application on url.com/settings/devices, or anything with 2 sub routes I'm not sure what to issue is as it can not be replicated via localhost.</p>
  <p><code>Uncaught SyntaxError: Unexpected token '&lt;'</code><br>
  <code>main.1982b69e.chunk.js:1 Uncaught SyntaxError: Unexpected token '&lt;'</code><br>
  <code>manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.</code></p>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;react-template&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;homepage&quot;: &quot;.&quot;,
    &quot;engines&quot;: {
      &quot;node&quot;: &quot;^v16.5.0&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@emotion/react&quot;: &quot;^11.4.1&quot;,
      &quot;@emotion/styled&quot;: &quot;^11.3.0&quot;,
      &quot;@mui/icons-material&quot;: &quot;^5.0.1&quot;,
      &quot;@mui/material&quot;: &quot;^5.0.1&quot;,
      &quot;@mui/styles&quot;: &quot;^5.0.1&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.14.1&quot;,
      &quot;@testing-library/react&quot;: &quot;^12.0.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^13.2.1&quot;,
      &quot;axios&quot;: &quot;^0.21.4&quot;,
      &quot;browserslist&quot;: &quot;^4.16.4&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.2&quot;,
      &quot;react-loading-skeleton&quot;: &quot;^2.2.0&quot;,
      &quot;react-phone-input-2&quot;: &quot;^2.14.0&quot;,
      &quot;react-promise-tracker&quot;: &quot;^2.1.0&quot;,
      &quot;react-router-dom&quot;: &quot;^5.3.0&quot;,
      &quot;react-scripts&quot;: &quot;^4.0.3&quot;,
      &quot;react-spinners&quot;: &quot;^0.11.0&quot;,
      &quot;react-toastify&quot;: &quot;^8.0.2&quot;,
      &quot;retry-axios&quot;: &quot;^2.6.0&quot;,
      &quot;web-vitals&quot;: &quot;^2.1.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;
      ]
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    }
  }
  
  </code></pre>
  <p>Edit 1:</p>
  <p>I've figured out that if I change the homepage in package.json to the url of my react application it fixes the issue, but I would like to find a &quot;one shoe fits all&quot; solution as I don't want to have to keep changing the homepage whenever I change the host platform.</p>
  <p>Edit 2:
  Figured out I can just set the package.json <code>&quot;homepage&quot;: &quot;/&quot;,</code> to get it to work as I wanted it to work.</p>