title: React application returning an empty div when deployed on github pages
body: <p>I have been working on deploying the website I am working on to github pages but It seems to return an empty div when deployed. when served with <code>npx serve build</code> it displays all information fine, and is displays on local host normally but just returns a blank div when deployed on github pages.</p>
  <p>steps I took to deploy:</p>
  <ol>
  <li>installed gh-pages</li>
  <li>added &quot;homepage&quot; to package.json</li>
  <li>npm run deploy</li>
  </ol>
  <p>The package.json code is listed below incase there is an error in there</p>
  <pre><code>{
    &quot;homepage&quot;: &quot;https://jonlev03-hub.github.io/media-pilot/&quot;,
    &quot;name&quot;: &quot;media-pilot&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/jest-dom&quot;: &quot;^5.16.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^13.2.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^13.5.0&quot;,
      &quot;gh-pages&quot;: &quot;^4.0.0&quot;,
      &quot;package.json&quot;: &quot;^2.0.1&quot;,
      &quot;react&quot;: &quot;^18.1.0&quot;,
      &quot;react-dom&quot;: &quot;^18.1.0&quot;,
      &quot;react-router-dom&quot;: &quot;^6.3.0&quot;,
      &quot;react-scripts&quot;: &quot;^5.0.1&quot;,
      &quot;web-vitals&quot;: &quot;^2.1.4&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;predeploy&quot;: &quot;npm run build&quot;,
      &quot;deploy&quot;: &quot;gh-pages -d build&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;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;github-pages&quot;: &quot;^0.1.0&quot;
    }
  }
  </code></pre>
  <p>and if you can't find any issues in that block of code all the code for the site is located inside my repository at github.com/jonlev03-hub/media-pilot .</p>