JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Default (white-space: normal)</h2>
<div style="background: yellow">
Some test
no linebreaks
</div>

<h2>white-space: pre-line</h2>
<!-- Pay attention to code formatting & indentation... -->
<div class="white-space-pre-line" style="background: green">Some test
with     linebreaks</div>
<!-- ... or you might get some undesired effects -->
<div class="white-space-pre-line" style="background: red">
    Some test
    with linebreaks
</div>

<h2>white-space: pre-wrap</h2>
<!-- Pay attention to code formatting & indentation... -->
<div class="white-space-pre-wrap" style="background: green">Some test
with     linebreaks</div>
<!-- ... or you might get some undesired effects -->
<div class="white-space-pre-wrap" style="background: red">
    Some test
    with linebreaks
</div>

CSS

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.white-space-pre-line {
  white-space: pre-line;
}