Next.jsのImageタグでInvalid src propエラーが起こる

Question

前提・実現したいこと

Next.jsのImageタグにs3からのURLを指定し、問題なく表示したい。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Error: Invalid src prop (https://s3.ap-northeast-1.amazonaws.com/XXXXXX/○○○○.jpg) on `next/image`, hostname "s3.ap-northeast-1.amazonaws.com" is not configured under images in your `next.config.js`
See more info: https://err.sh/nextjs/next-image-unconfigured-host

試したこと

next.config.jsに以下記載

module.exports = {
    images:{
        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
        domains: ['s3.ap-northeast-1.amazonaws.com'],
        path: '/_next/image',
        loader: 'default',
    }
};

補足情報（FW/ツールのバージョンなど）

Next.js:v10.0.1
react:v17.0.1