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
Similar Content
- Next js unhandled runtime error Invalid src prop
- Setting Up CockroachDB in Next.js Projects with Prisma ORM
- How to render data from a text editor in a next.js web page without template tags
- DeprecationWarning: Using 'compiler' as the first argument is deprecated. Please use 'options' as the first argument and 'compiler' as the second argument error on React Native.
- How to use external stylesheets in next.js
Add Message
Click on the button below to add a new message to this thread
Tags
#Javascript
Thread detail
Satus: Open
Messages: 1Started: 2023-05-17Categories
Privacy Policy
By using our website,
you agree that devmaesters can store cookies on your device and disclose information in accordance with our privacy policy.