title: Why Image is not showing in the browser in Material-UI Avatar component?
body: <p>I am using Material-UI Avatar React component to show profile images. While compiling it can reach the image, there is no error in compile time. But image is not showing in the browser.</p>
  
  <p><a href="https://i.stack.imgur.com/dzQFu.png" rel="nofollow noreferrer">Please check this image to better understand</a></p>
  
  <p><strong>Codes</strong>:</p>
  
  <pre><code>import {avatar} from '../../images/avatar.png';
  
  &lt;Box component='div'&gt;
       &lt;Avatar src={avatar} alt="Russel Crow"/&gt;
  &lt;/Box&gt;
  </code></pre>
  
  <p>Please tell me why image is not showing in the browser and How to show it? </p>