title: trying to add br tag between the text in react
body: <p>I am trying to add br tag between the text in react.
  can you guys tell me how to add it.
  I tried adding br tag... but if I add I get <br> tag in the browser.
  providng my code below.
  can you guys tell me how to fix it.</p>
  
  <pre><code>let sportsDescription = '';
  
          if(sportsInfo !== '' &amp;&amp; !isSportsSetupActive) {
              sportsDescription = 'testing &lt;br /&gt; testing';
  
          }else if(isSportsSetupActive) {
              sportsDescription = 'testing &lt;br /&gt; testing';
  
          }
  
  
  
          return (
              &lt;div id="main" className="section flex-container flex-full"&gt;
                  &lt;section className="page-content flex-item"&gt;
                      &lt;section className="gray-box"&gt;
                          &lt;h2&gt;Welcome to your  dashboard{formatName}.&lt;/h2&gt;
                          &lt;p className="ft-intro ft-day1 ft-day2"&gt;{sportsDescription}&lt;/p&gt;
  
                      &lt;/section&gt;
                  &lt;/section&gt;
              &lt;/div&gt;
      );
  </code></pre>