Next js unhandled runtime error Invalid src prop

Help to fix, I get the following errors while trying to implement Google auth in my Next js project

Unhandled Runtime Error
Error: Invalid src prop (https://lh3.googleusercontent.com/a/AGNmyxaBHaW4bKYZ-NDsMmOSC2TZd0PoXcy3OM530KQQ=s96-c) on `next/image`, hostname "lh3.googleusercontent.com" is not configured under images in your `next.config.js`
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host

This error occurs when I try to display the user image returned by Google.

Admin

2023-05-12

This can be fixed by adding google's hostname to your image domain configuration in your next.config.js file as shown below;

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
  images: {
    domains: ['lh3.googleusercontent.com'],
  },
}

module.exports = nextConfig

After this is done, stop your development server and start it again.

Next js unhandled runtime error Invalid src prop

Similar Content

Add Message

Tags

Thread detail

Privacy Policy