angrybeanie-front-end/components/featureimage.js

import Image from "next/legacy/image";


const FeatureImage = ({ imagedata, basepath }) => {
    const imgSrc = basepath + imagedata.url
    console.log(imagedata)
return (
    <div className="featuredimage">
        <Image
            src={imgSrc}
            layout="responsive"
            height={400}
            width={800}
            priority={true}
            alt={imagedata.name}
        />
    </div>
);
};

export default FeatureImage