Chapter 7 - Invalid src prop on next/image

[paulaworkL]

Hello,

When completing the Fetching data for part of chapter 7 I am getting the following error:

Error: Invalid src prop (https://picsum.photos/id/64/100/100) on next/image, hostname "picsum.photos" is not configured under images in your next.config.js
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host
at Array.map () {
digest: '2506496770'

I've changed my next.config.ts and included the images config like so :

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "picsum.photos",
        port: "",
        pathname: "/id/**",
        search: "",
      },
    ],
  },
};

export default nextConfig;

This worked for me.
If this is correct can you please include it in the repo so that other people do not experience the same issue.

Thank you!