React.js styled-components importing images and using them as div background
<p>I am using styled-components and am trying to set a background image like so </p>

<pre><code>const HeaderImage= styled.div`
    background-image: url('../../assets/image.png');
';
</code></pre>

<p>I've also tried without the quotes, like so</p>

<pre><code>const HeaderImage= styled.div`
        background-image: url(../../assets/image.png);
 ';
</code></pre>

<p>In both cases, I get the same result</p>

<p><a href="http://localhost:3000/assets/image.png" rel="noreferrer">http://localhost:3000/assets/image.png</a> Failed to load resource: the server responded with a status of 404 (Not Found)</p>

<p>I am using <a href="https://github.com/richardkall/react-starter" rel="noreferrer">Richard Kall's react starter</a></p>

<p>The file is definitely in the specified location.</p>

<p>Am I loading it incorrectly?</p>

<p>I should mention, I'm very new to this (React, and styled-components)</p>