big calendar docs: http://intljusticemission.github.io/react-big-calendar/examples/index.html#prop-components

big-calendar.jsx

import React from 'react';
import BigCalendar from 'react-big-calendar';
import SingleEvent from './SingleEvent';

// THIS WORKS
const Calendar = ({ refreshData }) =>
  ...
    <BigCalendar
      components={{
        eventWrapper: SingleEvent,
      }}
    />
  ...

// NOT WORKING
const Calendar = ({ refreshData }) =>
  ...
    <BigCalendar
      components={{
        eventWrapper: <SingleEvent refreshData={refreshData} />,
      }}
    />
  ...
 
// NOT WORKING
const Calendar = ({ refreshData }) =>
  ...
    <BigCalendar
      components={{
        eventWrapper: React.cloneElement(SingleEvent, { refreshData: refreshData }),
      }}
    />
  ...
 
// WORKING!
const Calendar = ({ refreshData }) => {
 const SingleEventWrapped = () => <SingleEvent />;
 return (
  ...
    <BigCalendar
      components={{
        eventWrapper: SingleEventWrapped,
      }}
    />
  ...
 )
}