React: <pre> tag doesn't preserve line breaks

[nath1as]

<pre> formatted text </pre> doesn't seem to work as intended, it preserves spaces but not line breaks.

Example code:
https://codesandbox.io/s/k2r24k2nrv

[gaearon]

Please see here: https://reactjs.org/docs/jsx-in-depth.html#children-in-jsx

React doesn't treat <pre> specially in JSX.

You can, however, pass a string literal if you want: https://codesandbox.io/s/8x41w64350