How do I get React to parse new lines given by a component?

Something like <ComponentWhichReturnsText /> in a return in a functional component seemingly ignores if that component has \n in it.

Minimal reproducible example: CodeSandbox

Expected result:

Text line 1
Text line 2

Actual result:

Text line 1 Text line 2

Also, when giving your answers, please keep the same structure. The text I have must come from a component and that component must be directly rendered in my App's return. Something which can be modified is the text (so for example inserting characters to get the new lines to parse).