title: Can't display Image in Image tag while using Next.js and material UI
body: <p>I am trying to display images in my Next js project with Material UI here:</p>
  <pre><code>&lt;Box display=&quot;flex&quot; alignItems=&quot;center&quot;&gt;
                  &lt;Image
                    src={'/images/Profile.svg'}
                    alt={'Thumbnail-alt'}
                    width={300}
                    height={160}
                    style={{ background: '#252525e6', borderRadius: '6px' }}
                  /&gt;
                &lt;/Box&gt;
  </code></pre>
  <p>But all it is showing is the alt tag of the image, not displaying the actual image.</p>
  <p>I am using Material UI 5 and Nextjs 12 for this project. Thanks</p>