Invalid Src Prop In Next.js

Error: Invalid src prop (https://scontent-atl3-2.xx.fbcdn.net/v/t1.30497-1/c29.0.100.100a/p100x100/84628273_176159830277856_972693363922829312_n.jpg?_nc_cat=1&ccb=1-4&_nc_s

Solution 1:

All you need to is add to add the hostname in the error code to next.config.js

hostname "scontent-atl3-2.xx.fbcdn.net" is not configured under images in your next.config.js

Open your next.config.js, add the following under images.domains. Do this for any domain, mind you don't add 'www', 'http' or 'https'.

images: {
    domains: ["scontent-atl3-2.xx.fbcdn.net"],
}