#React.Children expects a single React elements
vague siren
identified one error:
Links should only have a single child.
So that p should go inside the div or outside of Link.
same here
sonic snow
Yaah yaah got it thankyou !!
i learn the hard way.. also found little many more. otw to fix em
vague siren
Learning to debug your own code is a huge part of learning to be a webdev.
sonic snow
if you find another one please lemme know
vague siren
Try to avoid copy pasting too many lines of code at once.
Make sure you get it working first, push the minimum number of new lines, revert if they break.
If you push too many new lines at once, there's no way to debug even for seasoned devs.
Learn to walk before you run.
sonic snow
note down all advices on my copy
vague siren
Dev gives you more debug information than in next build, this is how I figured out what to look for:
sonic snow
i did that too but my question is what if i got to many different sources of images
sonic snow
i had to add all ??
sonic snow
Yep, the alternative is don't use next/image
but then the build on vercel didn't deploy my site
tell me to use next/image
vague siren
mmm, I'm pretty sure <img src should still work? I haven't work with next recently.
If it doesn't, ask for help in a new thread on #1007476603422527558 someone else will come along to help.
sonic snow
no before 2 hours ago i use img and the vercel throw build fail error when i push my code and when i figure out it was saying me to use next/iimg
vague siren
I see. Looks like you can wildcard everything. https://stackoverflow.com/questions/71235874/how-to-allow-all-domains-for-image-nextjs-config
sonic snow
putting two ** in hostname didn't work
module.exports = {
nextConfig,
images: {
remotePatterns: [
{
protocol: "https",
hostname: "**",
},
],
},
};
sonic snow
now onto this one
still getting this
i can add domains but that will not be good practice
bro whats going on ... js module.exports = { nextConfig, images: { remotePatterns: [ { protocol: "https", hostname: "dev.to", }, { protocol: "https", hostname: "cdn.tailgrids.com", }, { protocol: "https", hostname: "res.cloudinary.com", }, ], }, };
i put all possible domains showing in console..stil not working
vague siren
😦 I don't like this next change.
sonic snow
crying !!!
vague siren
Yeah, you'll want to open a new #1007476603422527558 thread to get some assistance for this. "Next/image any domain" would be a good title.
sonic snow
btw thankyou so much for help. God bless you !! stay succeed