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-hostThis 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
.
Similar Content
- React Native error: showing blank screen on setting up react-navigation
- Error: Invalid `prisma.model.findMany()` invocation. Query engine library for current platform "debian-openssl-1.1.x" could not be found.
- How to create a custom tooltip for your next.js website
- ERROR", parsed_severity: Some(Error), code: SqlState(E22003), message: "integer out of range for type int4
- How to Retrieve the Selected Value from a Select Field in ReactJS and NextJS
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.