next/imageで外部URLの画像が表示されない

Question

Next.jsの最新バージョンで追加されたnext/imageを試しています。publicフォルダに保存された画像は表示されるのですが、外部から読み込んだ画像が表示されません。

To enable Image Optimization for images hosted on an external website, use an absolute url for the Image src and specify which domains are allowed to be optimized. This is needed to ensure that external urls can't be abused.

上の公式ドキュメントの記述に従ってドメインを設定したのですが、設定が足りないのでしょうか？

デプロイ先はVercelです。ちなみにテスト環境では外部URLの画像も表示されます。

アドバイスを頂けるとありがたいです。

Failed to load resource: the server responded with a status of 400 ()

next.config.js

module.exports = {
  images: {
    path: '/_next/image',
    domains: ['thumbnail.image.rakuten.co.jp'],
  },
};

pages/index.js

import Head from 'next/head';
import styles from '../styles/Home.module.css';
import Image from 'next/image';

export default function Home() {
  return (
    <div className={styles.container}>
      <Image
        src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8681/9784062748681.jpg?_ex=200x200"
        alt="book-cover-img"
        width={105}
        height={148}
        loading="lazy"
      />
      <Image
        src="/neko.jpg"
        alt="neko-img"
        width={105}
        height={105}
        loading="lazy"
      />
    </div>
  );
}

実際にデプロイしたもの