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
- Error: Invalid `prisma.model.findMany()` invocation. Query engine library for current platform "debian-openssl-1.1.x" could not be found.
- How to add html5 video plugin to django ckeditor
- How to clean text editor data on next.js
- Error: Invalid src prop (https://lh3.googleusercontent.com) on next/image
- Using bootstrap classes and css styles together in next.js
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.