Trouble rendering images from Sanity media in Next.js, seeking help and finding a solution.

I try to render the image from sanity media in nextjs by using

file.asset._ref

but the image remains broken, I've tried multiple aproaches like @sanity/image-url or constructing the url manually or placing directly the filename as it's coming from server, without any luck.
Does anyone can help with this?

Hello Alex,
in your groc queries you can do this :
"image": image.asset->{url, altText}

and then in your component you can do this :
image.url

(sorry for the backticks i’m on my phone)

Nice is working! thank you I'll handle it from here.

Let’s go 🥳