How to tell if a RichTextBlock field is empty?

[smithj (Justin Smith)]

I'm passing a RichTextBlock to to the RichText component from "prismic-reactjs". However, I want to check if the field is empty first to determine whether or not to render the component. Even when the field is empty in the Editor, the field still returns an array with a RichText object in it. How can I reliably tell if the field is empty or not?

[smithj (Justin Smith)]

Eventually landed on doing something like this, not sure how I feel about it though:

import { RichText } from "prismic-reactjs";

const fieldIsEmpty = RichText.asText(rich_text_field).length === 0;

[Priyanka (Priyanka Maheshwari)]

Hello,

Thanks for posting us.

You need to apply a check for an array inside Richtext object is of length 1 and the field “text” of the first array element is empty.

Like in the below image, “desc” is Richtext component on Prismic, and is Empty and on querying, it returns an object “desc” with an array of length 1.

and in the code something like:
if((rich_text_field.length==1) && (rich_text_field[0].text==“”) )

Let me know if you have any other doubt.

Thank you,
Priyanka