title: Image is not loading in server side rendering with react
body: <p>I'm doing server-side rendering with React DOM Server using Create React App. I'm trying to load a static image but it's not showing up in my browser. Here is my app.js code</p>
  <pre><code>import './App.css';
  import React from &quot;react&quot;;
  import Pic from './Images/pic.png'
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;img src={Pic} /&gt;
      &lt;/div&gt;
    );
  }
  export default App;
  </code></pre>
  <p>The image is copied into the build folder but it's not showing up in the browser
  <a href="https://i.stack.imgur.com/UUxsn.png" rel="nofollow noreferrer">Folder hierarchy</a></p>
  <p>I get the following  error in the browser</p>
  <pre><code>GET http://localhost:8000/[object%20Object]
  </code></pre>