Issue with displaying images in a block on Next.js application resolved with the help of custom portable text and Sanity's image URL documentation.

Hi, I got this message while trying to display images I uploaded from a block(rich text). Only the text is shown but not the images. Can someone help me with this? I would appreciate it. I'm using react,nextjs. react-portable-text, typescript

Yea so you need to have a custom portable text that renders something with the image type. Here is mine that I used for my Next.js application

Thanks for your answer, now it shows me the tag of the image but in the src to show the image the url appears like this "undefined"

You’ll probably need to use https://www.sanity.io/docs/image-url

Thank you very much, the problem has been solved. One question, what about the image quality? Only in the block the images look blurry.

There’s a .quality() option that you can add onto it, I believe it’s in that documentation I linked to. You can also adjust the width and height.

Right, thank you.