Error: Invalid src prop (https://lh3.googleusercontent.com) on next/image

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

The above error occured after I added the users profile image from google auth

Admin

2023-05-17

Simple fix is to go to your next.config.js and add the google user hostname as shown below

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

module.exports = nextConfig

Error: Invalid src prop (https://lh3.googleusercontent.com) on next/image

Similar Content

Add Message

Tags

Thread detail

Privacy Policy