خطأ عند استخدام المكون Image في nextjs

واجهت هذا الخطأ

 Invalid src prop

لكنني اتبعت هذا المرجع Invalid src prop في Next.js ولكن تم عرض الخطأ نفسه

import Image from 'next/image';
import React, { Component } from 'react';  
import logo from '../../public/logo.png';
// import dynamic from "next/dynamic";
// import { Grid} from "semantic-ui-react"; 
function TopBannerApi(props) {
  return (
    <>
  <h1>Footer</h1>
      <p>
         {props.topbannerresult.map((post) =>(
           <>
            <Image src={post.image} alt="test"/>
              {/* <p>{post.store_name}</p> */}
            </>
          ))}
      </p>
    </>
  )
}
export default TopBannerApi;

module.exports = {
  reactStrictMode: true, 
  images: {
    domains: ['dl8mjowvdz1rh.cloudfront.net'],
  }

}