don't quote individual people, it's against the rules

ok sorry.

Can you please see this issue

where you getting the url? from your api?

what did you get from console?

i am using this blurImage componet in my product page card section

it's a certificate issue i think, you running a proxy? a vm? vpn? is your pc time correct?

try

npm config set strict-ssl false

if not i have no clue

no! i don't use any vm or vpn.

did you check next.config?

or encoding problem. GET looks like https:// -> https%3A%2F%2Fresres:

yes i am using proxy in server url

can you check this please? if it's not working, it's out of my hand..

const originUrl = props?.src
const encodeUrl = encodeURIComponent(originUrl);

src={encodeUrl}

when i am run this command then why not run my node.js server getting mongoDb error

if i use this then throw this error @Gazami crab

can you show console of originUrl and encodeUrl

yes

app router or pages router?

with app router, u mneed to configure remote patterns

https://nextjs.org/docs/app/api-reference/components/image#remotepatterns

app router

please share the code snippet where ur working '

ideally, the full component or page whuich is causing issues.

Is the error

did u configure remote patterns as I sent u ?

if still not working, please share ur up-to-date error alongwith the value of the image src

as others mentioned, it looks to be using an encoded url in src?

yes same to you

and still now throw same error

i not using encoded url i am using direct image ulr like https://res.cloudinary.com/wolfecom/image/upload/v1713238167/cld-sample-5.jpg

okay, can u send the actual component and not a screenshot from earlier.

sure can you join meet link. cause here i am use multiple component so if you join the meet then help to me

in this image line no. 144 i am use the blurImage component

here is the blurImage component

that have i am use the next/image

so if u remove the blurImage component from the parent component?

u have no error?

removing the image should mean app works fine, yes?

yes app working fine and don't have and the fetch fail error

right

the error throw is the blurImage component and i am test another next 13 app using the next/image they have throw the same error.


so how can i solve this problem?

is the tls certificate error. is any network related issue?

ive never had an issue with using remote image on localhost with http

i am using the local mongodb have this reason?

if u use other image that is not from res.cloudinary.com does it work?

no

ok so all images break regardless of source

@Northeast Congo Lion thanks in this doc help to me

thanks a lot

Awesome

So @Md.Mohon you solved the problem

yes

Great news

(let me know if i chose the wrong message)