¿Cómo consigo que React analice las nuevas líneas proporcionadas por un componente?

Algo como <ComponentWhichReturnsText /> en un return en un componente funcional aparentemente ignora si ese componente tiene \n .

Ejemplo mínimo reproducible: CodeSandbox

Resultado Esperado:

 Text line 1 Text line 2

Resultado actual:

 Text line 1 Text line 2

Además, cuando dé sus respuestas, mantenga la misma estructura. El texto que tengo debe provenir de un componente y ese componente debe estar directamente representado en la return de mi App . Algo que se puede modificar es el texto (por ejemplo, insertar caracteres para que las nuevas líneas se analicen).