title: react bootstrap acoordion cannot use pre tag or css white space for new line
body: <p>So I'm trying to create a accordion for my web app and it have accordion from bootstrap in it.</p>
  <p>I wanted my app to be able to create new line depending on the product description entered from the database so if the admin set the desc to enter new line, the accordion should also enter and show newline. I tried using pre tag and also css white-space: pre-wrap but nothing work with it.
  Can anyone help me to fix this ?</p>
  <p>my code:</p>
  <pre><code>&lt;Container fluid&gt;
    &lt;Row&gt;
      &lt;Col lg={12} xs={12} className=&quot; fontRegular&quot;&gt;
        &lt;Accordion defaultActiveKey=&quot;0&quot; &gt;
          &lt;Accordion.Item eventKey=&quot;0&quot;&gt;
              &lt;Accordion.Header className=&quot;fontMedium&quot;&gt;Deskripsi Produk&lt;/Accordion.Header&gt;
              &lt;Accordion.Body className=&quot;fontRegular&quot;&gt;
                &lt;pre &gt;
                  {product.description}
                  hello
                  hi
                &lt;/pre&gt;
              &lt;/Accordion.Body&gt;
          &lt;/Accordion.Item&gt;
        &lt;/Accordion&gt;
      &lt;/Col&gt;
    &lt;/Row&gt;
  &lt;/Container&gt;
  </code></pre>