Why can't I render a component in the DOM from a mobile browser?

Question

React

The site loads normally and displays all elements from the computer, but no new components are added to #root from the phone.
The component structure is as follows:

<Header />
<MainContent />
 <Child 1 />
 <Child 2 />
 ...
<Footer>

If you do this:

ReactDOM.render(
  <div>
      <Header />
      <CommonParentComponent />
      <Footer />
  </div>,
  document.getElementById('root')
);

Nothing will change. But, if I leave only one of the three components, it will be rendered. Also, if I wrap all three components in a new one (for example, a conditional "App", they will not be rendered, but if one of them is left, it will be added to the DOM.
I no longer know what the problem could be. There are no errors
The site itself