title: How to add text from JSON inside "<p>"?
body: <p>I'm using Contentful to get a description text and the description has "blocks" of text, but when I add it to my code, the output looks as if it was a single line of text. </p>
  
  <p>I'm using React and passing the description as a prop, so I'm only able to edit the whole text. Is there anyway I can edit it? Or do I have to import the block separated from Contentful?</p>
  
  <p>Component passing the text:</p>
  
  <pre><code>&lt;Section
    bgImg={images.section1}
    title={data.section1Title}
    description={data.section1Description}
  /&gt;
  </code></pre>
  
  <p>Component receiving the text:</p>
  
  <pre><code>&lt;div className="description"&gt;{description}&lt;/div&gt;
  </code></pre>
  
  <p>Here's what I mean: <a href="https://codepen.io/ViniciusBortoletto/pen/jOOBdGy" rel="nofollow noreferrer">https://codepen.io/ViniciusBortoletto/pen/jOOBdGy</a></p>