title: How to place the newline character inside tool tip in react bootstrap?
body: <p>I need to place a long paragraph inside the react bootstrap tool tip, I need to have new line in some places . I have tried \n ,br,em nothing gives me the new line.</p>
  
  <pre><code>export const TooltipMessages = {
   product:
     "Here we can see list of Product created and we can create a New product \r\n." +
     "We have 3 types of product Managed, Unmanaged and Source." +
     "Managed Product : Managed product is where by default all the environments are created 
      i.e Evaluation, Development," +
      "Test &amp; Production." 
   }
  </code></pre>
  
  <p>and tool tip code   </p>
  
  <pre><code>&lt;Tooltip id={`tooltip-top`} className="mytooltip"&gt;
        {ToolTipMessage.product}
  &lt;/Tooltip&gt;
  </code></pre>