Hello guys, just started learning NextJS and i'm following an youtube tutorial on creating a blog and I wanted to display the blog post's author profile image using the <Image> tag but I'm getting an error and I'm using next-auth wth Discord's oAuth

Error: Failed to parse src "4d1c8cdeb79bf9689c1b899ece04dca6" on `next/image`, if using relative image it must start with a leading slash "/" or be an absolute URL (http:// or https://)

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'cdn.discordapp.com'
      }
    ],
  }
}

module.exports = nextConfig

<Image
  src={post.creator.image}
  alt={post.creator.name}
  width={40}
  height={40}
  className="object-contain rounded-full"
/>

const PromptSchema = new Schema({
  creator: {
    type: Schema.Types.ObjectId,
    ref: "User",
  },
  prompt: {
    type: String,
    required: [true, "Prompt is required!"],
  },
  tag: {
    type: String,
    required: [true, "Tag is required!"],
  }
});