title: After using 'npm run build' to fix problems shows Server Errors
body: <p>I wanted to try and finally deploy my web3 <strong>Next.js</strong> project for others to view the results. I tried to use Vercel to deploy my app although I came up with a lot of errors so I used <code>npm run build</code> and fixed things like using <code>&lt;Image /&gt;</code> instead <code>&lt;img /&gt;</code> add 'alt' attribute, add a 'key'  prop even ES Lint rules.</p>
  <p>I also updated my packages using <code>ncu</code> (so they are all up to date.</p>
  <p>So once everything was done.
  Now when I run <code>npm run dev</code> the website doesn't even work...</p>
  <p><strong>I also tried deleting</strong> './Icons/search.svg' (as it's unused in my app but shows the same error</p>
  <p><em>I searched everywhere but can't seem to find or understand the problem.</em></p>
  <p>These are the errors that come up:</p>
  <p><strong>Errors:</strong></p>
  <pre><code>Server Error
  
      Error: Image with src &quot;/Icons/search.svg&quot; must use &quot;width&quot; and &quot;height&quot; properties or &quot;layout='fill'&quot; property.
      
      This error happened while generating the page. Any console logs will be displayed in the terminal window.
      Call Stack
      Image
      node_modules\next\dist\client\image.js (304:18)
      renderWithHooks
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5471:16)
      renderIndeterminateComponent
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5544:15)
      renderElement
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5759:7)
      renderNodeDestructive
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5898:11)
      renderNode
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6030:12)
      renderHostElement
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5456:3)
      renderElement
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5765:5)
      renderNodeDestructive
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (5898:11)
      renderNode
      file:///E:/Desktop/Programming/Market%20Place/FIXED%20ERRORS%20MARKETPLACE/node_modules/react-dom/cjs/react-dom-server.browser.development.js (6030:12)
  </code></pre>
  <p><strong>Package.json:</strong></p>
  <pre><code>    {
    &quot;name&quot;: &quot;nft-market&quot;,
    &quot;version&quot;: &quot;0.0.9&quot;,
    &quot;private&quot;: false,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;next dev&quot;,
      &quot;build&quot;: &quot;next build&quot;,
      &quot;start&quot;: &quot;next start&quot;,
      &quot;lint&quot;: &quot;next lint&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^6.1.1&quot;,
      &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^6.1.1&quot;,
      &quot;@fortawesome/react-fontawesome&quot;: &quot;^0.1.18&quot;,
      &quot;@nomiclabs/hardhat-ethers&quot;: &quot;^2.0.5&quot;,
      &quot;@nomiclabs/hardhat-waffle&quot;: &quot;^2.0.3&quot;,
      &quot;@openzeppelin/contracts&quot;: &quot;^4.6.0&quot;,
      &quot;axios&quot;: &quot;^0.27.2&quot;,
      &quot;chai&quot;: &quot;^4.3.6&quot;,
      &quot;ethereum-waffle&quot;: &quot;^3.4.4&quot;,
      &quot;ethers&quot;: &quot;^5.6.4&quot;,
      &quot;hardhat&quot;: &quot;^2.9.3&quot;,
      &quot;ipfs-http-client&quot;: &quot;^56.0.3&quot;,
      &quot;next&quot;: &quot;^12.1.5&quot;,
      &quot;react&quot;: &quot;^18.1.0&quot;,
      &quot;react-dom&quot;: &quot;^18.1.0&quot;,
      &quot;react-slick&quot;: &quot;^0.29.0&quot;,
      &quot;sass&quot;: &quot;^1.51.0&quot;,
      &quot;slick-carousel&quot;: &quot;^1.8.1&quot;,
      &quot;uuid&quot;: &quot;^8.3.2&quot;,
      &quot;web3modal&quot;: &quot;^1.9.7&quot;,
      &quot;yargs&quot;: &quot;^17.4.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;autoprefixer&quot;: &quot;^10.4.5&quot;,
      &quot;eslint&quot;: &quot;8.14.0&quot;,
      &quot;eslint-config-next&quot;: &quot;12.1.5&quot;,
      &quot;postcss&quot;: &quot;^8.4.13&quot;,
      &quot;tailwindcss&quot;: &quot;^3.0.24&quot;
    }
  }
  </code></pre>
  <p><em><strong>Someone please help figure this out for me</strong></em></p>