Next.js The "images.domains" configuration is deprecated. Please use "images.remotePatterns" configuration instead 오류 해결

 

Next.js The "images.domains" configuration is deprecated.

Please use "images.remotePatterns" configuration instead 오류 해결

 

 

lorem picsum으로 이미지를 뿌리고+next.config에 domains로 이미지 출처를 명시하던 중에 이런 메시지를 만남

공식 문서를 뒤져보니 image에 대해 Next.js 13 문법(domains 등)을 써서 그랬음

next.config에 가서 아래처럼 remotePatterns로 명시해서 해결함

images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'picsum.photos',
        pathname: '**',
      },
    ],
  },