From 9993e332c6c010cffa4c0b043481658ff2233eb2 Mon Sep 17 00:00:00 2001
From: Nathan Tarbert <66887028+NathanTarbert@users.noreply.github.com>
Date: Mon, 20 Dec 2021 16:48:20 -0800
Subject: [PATCH] Next.js doesn't support <img /> according to my error so they
 suggest using <Image /> with an alt tag, and importing at the top at
 next/image

---
 pages/create-item.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/pages/create-item.js b/pages/create-item.js
index aa5b9dae..b24e9715 100644
--- a/pages/create-item.js
+++ b/pages/create-item.js
@@ -2,6 +2,7 @@ import { useState } from 'react'
 import { ethers } from 'ethers'
 import { create as ipfsHttpClient } from 'ipfs-http-client'
 import { useRouter } from 'next/router'
+import Image from 'next/image'
 import Web3Modal from 'web3modal'
 
 const client = ipfsHttpClient('https://ipfs.infura.io:5001/api/v0')
@@ -102,7 +103,7 @@ export default function CreateItem() {
         />
         {
           fileUrl && (
-            <img className="rounded mt-4" width="350" src={fileUrl} />
+            <Image className="rounded mt-4" width="350" alt='NFT' src={fileUrl} />
           )
         }
         <button onClick={createMarket} className="font-bold mt-4 bg-pink-500 text-white rounded p-4 shadow-lg">
@@ -111,4 +112,4 @@ export default function CreateItem() {
       </div>
     </div>
   )
-}
\ No newline at end of file
+}