CSS for the component in Preview is lost if the root document uses the same component

[varya]

I am using react-live in a Gatsby website with MDX. If I use the same component in the MDX code and in the ReactLive, the component in ReactLive iframe does not get CSS. The CSS classes rendered for the component in the iframe are the same as the classes in MDX but CSS is only generated in the root document, not in the iframe document.

I cannot provide link to the repo because it is private. But could anyone suggest how to debug? Thanks.

Here there are the screenshots illustrating the problem: