title: How to pass props to React Big Calendar custom components?
body: <p>I'm using React Big Calendar with custom event components. </p>
  
  <p>In my custom component, I need to display a few buttons which a user can click (via popover).
  I got the popup thing working fine, but I also want the class that renders BigCalendar to get notified when a button in the popover is clicked. How do we pass an "onButtonClick" event to my custom component as props?
  Here's a simplified version of my code</p>
  
  <pre><code>class Parent extends Component {
  
      popoverButtonClickHandler = (e) =&gt; {
          //handle button click
      }
  
      render() {
          return (
              &lt;BigCalendar
                  ...
                  events={myEvents}
                  components={{
                      event: CustomEvent
                  }}
              /&gt;
          );
      }
  }
  </code></pre>
  
  <p>And here's my CustomEvent class</p>
  
  <pre><code>class CustomEvent extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;p&gt;My event title: {this.props.title}&lt;/p&gt;
                  &lt;MyPopover&gt;
                      &lt;Button onClick={this.props.onPopoverButtonClick}&gt;
                  &lt;/MyPopover&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>I'm trying to figure out how I can pass </p>
  
  <pre><code>onPopoverButtonClick={this.popoverButtonClickHandler}
  </code></pre>
  
  <p>to my CustomEvent so that Parent will be notified when the button is clicked.</p>
  
  <p>Any ideas how I can achieve this?
  Thanks</p>