Tenho o seguinte código no meu page.tsx
arquivo:
<p className="whitespace-pre-wrap">
First line text
Third line text
</p>
Next.js coloca isso no documento HTML que gera:
First line text Third line text
Quero que fique assim no documento HTML:
First line text
Third line text
SEM ter que usar o
elemento HTML.
Como isso pode ser alcançado em Next.js?
Estou usando Next.js versão 14.1.0
Eu testei isso em uma sandbox NextJS, tente usar um modelo literal para preservar o espaço em branco quando o código for transpilado: