angrybeanie-front-end/components/featureimage.js

import Image from 'next/image';


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

export default FeatureImage