ReactJS - convert line breaks

reactjs-convert-line-breaks.js

const addLineBreaksToParagraph = string =>
  string.split('\n').map((text, index) => (
    <p key={index}>
      {text}
    </p>
  ));

// e.g.
<div>{addLineBreaksToParagraph(heading)}</div>

const addLineBreaks = string =>
  string.split('\n').map((text, index) => (
    <React.Fragment key={index}>
      {text}
      <br />
    </React.Fragment>
  ));

// e.g.
<h1>{addLineBreaks(heading)}</h1>