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
- ERROR", parsed_severity: Some(Error), code: SqlState(E22003), message: "integer out of range for type int4
- How to setup a copy to clipboard functionality in either react.js or next.js site
- Error: React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. react-hooks/rules-of-hooks
- Error: Invalid `prisma.model.findMany()` invocation. Query engine library for current platform "debian-openssl-1.1.x" could not be found.
- Setting up dynamic content sitemap in next.js using typescript
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-17Thread Create
Click the button below to start a new thread for your question
loading..
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.