React - nextjs resim sorunu

Arkadaşlar merhaba,

<div className="absolute top-0 left-0 w-full h-full">
        <div className="h-full w-full relative">
          <Image  className=""
            src="/images/hero-bg.jpg"
            alt=""
            layout="fill"
            objectFit="cover"
            
          />
        </div>
      </div>
[B][/B]

kod bloğum bu şekilde layout fill kullanmama rağmen sorun yaşıyorum sebebi ne olabilir bilgili arkadaşlar yardimci olabilir mi

Bu seçenek sadece Chakra UI kütüphanesi tarafından desteklenir. Bu kütüphaneyi projenizde kullanıyorsanız ve layout="fill" seçeneğinin beklediğiniz şekilde çalışmadığını düşünüyorsanız, bu durumda Chakra UI kütüphanesinin belgelerine bakarak, resimleri nasıl tamamen kaplatabileceğinizi öğrenebilirsiniz. Eğer Chakra UI kütüphanesini kullanmıyorsanız ve layout="fill" seçeneğinin neden çalışmadığını anlamaya çalışıyorsanız, projenizdeki CSS dosyalarını inceleyerek, resimleri tamamen kaplatacak olan CSS kodlarını bulmaya çalışabilirsiniz.

Ben bir NextJS projesinde Image kullanmıştım. Width parametresi girmek zorunlu, bundan dolayı hata alıyorsunuz. Ben projede bu şekilde kullanıyordum,

 <figure className="w-full">
        <Image
          src={image.urls.regular}
          alt={image.description}
          width={`${image.width}px`}
          height={`${image.height}px`}
          layout="responsive"
        />
      </figure>