checking vercel deploy

[kunalborkar2001]

Have you noticed after changing mongoDb url from local to compass url the error comes like

TypeError: Cannot read properties of undefined (reading 'image')

[vercel]

@kunalborkar2001 is attempting to deploy a commit to the Sergey's projects Team on Vercel.

A member of the Team first needs to authorize it.

[getFrontend]

You need to check how it is configured to receive user's avatar:

    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'lh3.googleusercontent.com',
        pathname: '**',
      },

[kunalborkar2001]

/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
serverComponentsExternalPackages: ["mongoose"],
missingSuspenseWithCSRBailout: false
},
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'lh3.googleusercontent.com',
pathname: '**',
},
]
},
webpack(config) {
config.experiments = {
...config.experiments,
topLevelAwait: true,
}
return config
}
}

export default nextConfig;

this is how it looks for me