next.js에서 Image is missing required "src" property 에러 해결법

 

 

hydration 에러를 잡고나니 눈에 보이는 Image가 src를 잃었어여.....

기존의 나의 코드는

 

요로코롬 되있었는데, 혹싀 이것도 처음에 imagePreview가 뭔지를 못찾아서 나는 에러인가 싶어서

기본 이미지를 프로젝트 내에서 하나 만들어놓고

          {imagePreview ? (
            <Image
              src={imagePreview}
              width={100}
              height={100}
              alt="대표 이미지가 없습니다."
            />
          ) : (
            <Image
              src={baseImg}
              width={100}
              height={100}
              alt="대표 이미지가 없습니다."
            />
          )}

요런식으로 imagePreview라는 state의 값이 있을때만 저렇게 src에 꽂히도록 수정을 하니

에러가 해결되었당 ㅇ_<