Next Image 경고 로그 해결

....has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio.

whatspp 클론을 만들다가 , 위와 같은 경고 로그가 떴다.

// chat-app-client/src/components/ChatBox/ImageMessage.tsx
<Image
  src={`${process.env.NEXT_PUBLIC_BASE_URL}/${message.message}`}
  alt={message.message}
  width={250}
  height={250}
  style={{ width: 250, height: 250 }}
/>

스타일 prop으로 확실하게 명시해주니 경고가 사라짐.😎

깔끔한 콘솔로그창이 됨.

https://github.com/vercel/next.js/issues/40762 를 참고하면 된다.