title: CardMedia in Material UI not picking up the image
body: <p>I have to display an image in the header and have it this way
  </p>
  
  <pre><code>  &lt;Toolbar className={classes.toolbar}&gt;
      &lt;IconButton className={classes.menuButton} color="inherit" aria-label="Menu"&gt;
        &lt;MenuIcon /&gt;
      &lt;/IconButton&gt;
      &lt;Typography variant="h6" color="inherit" className={classes.grow}&gt;
        Menu
      &lt;/Typography&gt;
  
      &lt;CardMedia
        className={classes.media}
        src='logo.svg'
        title="Logo"
      /&gt;
    &lt;/Toolbar&gt;
  &lt;/AppBar&gt;
  </code></pre>
  
  <p>The image absolutely refuses to show up. It is placed in the same folder as this Header component. Can somebody point to me whats wrong
  Update: I have the code here. <a href="https://codesandbox.io/s/xlw3l8yy74" rel="nofollow noreferrer">https://codesandbox.io/s/xlw3l8yy74</a>. Tried all the suggestions below. No luck yet</p>