The Read more shows in one sec delay it doesnot render with the component

[VedanshWebmobi]

<ReadMore
numberOfLines={3}
style={{ fontFamily: "bold", fontSize: ms(13), lineHeight: ms(20) }}
seeMoreText={"Read more"}
seeLessText={"Read less"}
seeMoreStyle={{
fontFamily: "bold",
color: color.readColor,
fontSize: ms(13),
}}
seeLessStyle={{
fontFamily: "bold",
color: color.readColor,
fontSize: ms(13),
}}
//ellipsis=""
>
{"RBI's CBDC Yet Another Step in Taking Indian Payments Ahead, JPMorgan Blockchain Head Says that is in wromg RBI's CBDC Yet Another Step in Taking Indian Payments Ahead, JPMorgan Blockchain Head Says that is in wromg RBI's CBDC Yet Another Step in Taking Indian Payments Ahead, JPMorgan Blockchain Head Says that is in wromg"}

[fawaz-ahmed]

Hi @VedanshWebmobi , I'm aware of this. The delay is happening because measurements are going on in the component to identify the position where to place the see more component.
If I show the whole component after all measurements are done, it can result in a degraded UX.