How to use Rich Text from Sanity: Abstract Syntax Tree and Renderer

Hi,
could you help me figure out how to use rich text from sanity?

Can I not query data from the field as HTML?

I can only see stuff like:

If I make some text bold, it becomes a child.

What am I missing?

Thanks!

Maybe I need https://github.com/portabletext/react-portabletext ?

The rich text data doesn’t yield HTML, it yields an AST (Abstract Syntax Tree) so it can eventually be rendered in any sort of format (HTML, JSX, etc.).

So you need a renderer. If you use React, then you should use the library you just linked. If you want HTML, you want https://github.com/portabletext/to-html .

There is a list of renderers here: https://www.sanity.io/docs/presenting-block-text

Thank you!