I have applied flex property to the Box component and inside it, there are two flex children, a circle skeleton, and a Box containing two skeletons.

But it shows only the circle Skeleton component:

And when I remove flex properties from the parent component Box, it previews like this :

After removing flex property from the parent component, at least it shows all components.

What is the reason behind it, not allowing flex properties on the parent Component whose children are the Skeleton Components?

There is no precaution written on the official docs inside the Skeleton section related to this behavior.

Anyone who knows?

Thanking you in advance. :)