title: Issue with react-bootstrap popover
body: <p>I'm attempting to create a popover and the popover example provided by react-bootstrap docs is not working. I've attempted to make various tweaks to solve but am stuck. </p>
  
  <pre><code>import React from "react"
  import Popover from "react-bootstrap/Popover"
  import OverlayTrigger from "react-bootstrap/OverlayTrigger"
  import Button from "react-bootstrap/Button"
  
  class PopoverExample extends React.Component {
    render() {
      return (
        const popover = () =&gt; (
          &lt;Popover id="popover-basic"&gt;
            &lt;Popover.Title as="h3"&gt;Popover right&lt;/Popover.Title&gt;
            &lt;Popover.Content&gt;
              And here's some &lt;strong&gt;amazing&lt;/strong&gt; content. It's very engaging.
              right?
            &lt;/Popover.Content&gt;
          &lt;/Popover&gt;
        );
  
        const Example = () =&gt; (
          &lt;OverlayTrigger trigger="click" placement="right" overlay={popover}&gt;
            &lt;Button variant="success"&gt;Click me to see&lt;/Button&gt;
          &lt;/OverlayTrigger&gt;
        );
      )
    }
  }
  </code></pre>
  
  <pre><code>**The error message I receive is:**
  
   Line 9:  Parsing error: Unexpected token
  
     7 |   render() {
     8 |     return (
  &gt;  9 |       const popover = () =&gt; (
       |       ^
  </code></pre>