Estoy creando una página de contratación de trabajo en la que tomo los valores de un archivo JSON. pero en la descripción del trabajo quiero que tenga saltos de línea y estilo como se indica allí. pero todo viene en una sola línea. Intenté agregar <br> y \n pero no funciona

Archivo .Json

 { "job1": { "title": "Job title 1", "type": "Full Time", "tech": ["stack1", "tech", "abc", "xyz"], "discription": "Lorem ipsum 2 <br> \n dolor sit amet, consectetur adipisicing elit. Veniam id voluptatum, <br> \n consequatur quos corrupti harum magnam architecto, cumque beatae iste tempore natus voluptates iure dicta aliquid explicabo quaerat facere aperiam." }, "job2": { "title": "Job Title 2", "type": "Part Time", "tech": ["JavaScript", "CSS"], "discription": "Lorem ipsum 2 dolor sit amet, consectetur adipisicing elit. Veniam id voluptatum, consequatur quos corrupti harum magnam architecto, cumque beatae iste tempore natus voluptates iure dicta aliquid explicabo quaerat facere aperiam." }, }

Hirings.js (He creado trabajos dinámicamente usando una función. Aquí está la parte de descripción)

 import Hidings from "./Hirings.json"; // function <div className="job-discription"> <p>Discription:</p> <p>{Hirings[job].discription}</p> </div> // further code

La salida que obtengo es

 Description: Lorem ipsum 2 <br> dolor sit amet, consectetur adipisicing elit. Veniam id voluptatum, <br> consequatur quos corrupti harum magnam architecto, cumque beatae iste tempore natus voluptates iure dicta aliquid explicabo quaerat facere aperiam.

Rendimiento esperado

 Description: Lorem ipsum 2 dolor sit amet, consectetur adipisicing elit. Veniam id voluptatum, consequatur quos corrupti harum magnam architecto, cumque beatae iste tempore natus voluptates iure dicta aliquid explicabo quaerat facere aperiam.