title: React and Express not rendering
body: <p>I was moving my React frontend folder into my collaborator's Express backend folder, here's the file structure.</p>
  <p><a href="https://i.stack.imgur.com/i77XJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i77XJ.png" alt="" /></a></p>
  <p>This is app.js which we use to render the website.</p>
  <pre class="lang-js prettyprint-override"><code>const express = require(&quot;express&quot;)
  const path = require(&quot;path&quot;)
  const app = express()
  const dotenv = require(&quot;dotenv&quot;)
  
  //setup
  dotenv.config()
  app.use(express.json())
  app.use(require(&quot;cors&quot;)())
  
  //routes
  app.use(&quot;/api/auth&quot;, require(&quot;./api/authRoute&quot;))
  app.use(&quot;/api/user&quot;, require(&quot;./api/userRoute&quot;))
  
  
  //serve frontend
  const frontendPath = path.join(__dirname,&quot;build&quot;,&quot;pneumonia-project&quot;)
  app.use(express.static(frontendPath))
  app.get(&quot;*&quot;,(req,res)=&gt;{
     res.sendFile(frontendPath+&quot;/public/index.html&quot;)
  })
  
  app.listen(8000,()=&gt;{
     console.log(&quot;Server Started&quot;)
  })
  
  </code></pre>
  <p>And this is the index.html in the public folder</p>
  <pre class="lang-js prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;link rel=&quot;icon&quot; href=&quot;public/favicon.ico&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
      &lt;meta name=&quot;theme-color&quot; content=&quot;#000000&quot; /&gt;
      &lt;meta
        name=&quot;description&quot;
        content=&quot;Web site created using create-react-app&quot;
      /&gt;
      &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;public/logo192.png&quot; /&gt;
      &lt;link rel=&quot;manifest&quot; href=&quot;public/manifest.json&quot; /&gt;
      &lt;title&gt;Pneumo Scanner&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;noscript&gt;You need to enable JavaScript to run this app.&lt;/noscript&gt;
      &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>I've just solved the <code>Manifest: line: 1, column: 1, syntax error</code> problem. Now the logo is showed, but none of the components in the src folder is rendered. <br>
  Is there any problem with the routing or anything else?</p>