En mi componente NFTDetails hay una descripción que sale de un JSON. Hay \n\n en él. No hay una línea nueva cuando uso el valor de JSON en un div, pero hay líneas nuevas en la consola de Firefox cuando lo consuelo.log().

¿Cómo puedo usar \n para mostrar nuevas líneas en mi div.

NFTDetails.jsx - Fragmento

 const NFTDetails = ({nfts}) => { const { id } = useParams(); const navigate = useNavigate() const metadata = useMemo( () => nfts.find((nft) => String(nft.id) === id), [nfts, id] ); return ( <div className="NFTDetails"> <div className="TextCard"> <div className="NFTCName">{metadata.name}</div> <div className="Description"> <p className='DescriptionText'>Description:</p> <p>{metadata.description}</p> </div> </div>

metadatos.descripción(JSON)

 { "description":"🧬 CLONE X 🧬\n\n20,000 next-gen Avatars, by RTFKT and Takashi Murakami 🌸\n\nIf you own a clone with even one Murakami trait please read the terms regarding third-party content here: https://rtfkt.com/legal-2B.\n\nYou are not entitled to a commercial license if you own an avatar with any traits created by Murakami." }