React won't like you putting HTML <br /> in where it's expecting text, and ns aren't always rendered unless in a <pre> tag.
Perhaps wrap each line-breaked string (paragraph) in a <p> tag like this:
{text.split("n").map((line, idx) => <p key={idx}>{line}</p>)}
Don't forget the key if you're iterating React component.