next/image, hostname "avatars.githubusercontent.com" is not configured under images

Error: Invalid src prop (https://avatars.githubusercontent.com/u/59593038?v=4) on next/image, hostname "avatars.githubusercontent.com" is not configured under images in your next.config.js
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host

このエラーは、Next.js の next/image コンポーネントがnext.config.jsにホスト名 avatars.githubusercontent.comを許可されていないために発生している

解決方法

next.config.jsにimages.domains を追加し、GitHub のアバターのホストを許可する。

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
+  images: {
+    domains: ["avatars.githubusercontent.com"],
+  },
};

export default nextConfig;

そのあとサーバーの再起動も行う

npm run dev