title: react-big-calendar: How make a popup with onSelectEvent
body: <pre><code>&lt;DragAndDropCalendar
          selectable
          localizer={localizer}
          events={events}
          style={{ height: 1550 }}
          onSelectSlot={(e) =&gt; handleSelect(e)}
          onSelectEvent={(e) =&gt; handleSelectedEvent(e)}
  /&gt;
  </code></pre>
  <p>here's the function:</p>
  <pre><code>    function handleSelectedEvent (e) {
      &lt;div className=&quot;modal&quot;&gt;
        {console.log(e)}
      &lt;/div&gt;
    }
  </code></pre>
  <p>The issue:</p>
  <p>The modal wont show up, it does show in console log but then I tried to put it in a modal, it just does not render. I have tried react-responsive-modal and also other bootstrap modals but it just does not render.</p>