Events not showing up in react-big-calendar

I have a bug in my application, for me I did everything correctly, still the events won’t show up in the calendar.

import BigCalendar from 'react-big-calendar';
import 'react-big-calendar/lib/css/react-big-calendar.css';
import moment from 'moment';
import localizer from 'react-big-calendar/lib/localizers/globalize'

class ProfileLeftPanel extends React.Component {
  constructor(props) {
    super(props);
    BigCalendar.momentLocalizer(moment);
  }
  render(){
    const events = [
      {
    title: 'All Day Event very long title',
    startDate: new Date(2018, 1, 1),
    endDate: new Date(2018, 1, 2),
  },
]
    return(
      <div className="panel">
        <Container>
          <h4>Container</h4>
          <Row className="profile-left-row">
           <div>
            <BigCalendar
                    {...this.props}
                    events={events}
                    views={['month', 'agenda']}
                    step={60}
                    defaultDate={new Date(2018, 3, 1)}
            />
            </div>
          </Row>
          </Container>
      </div>
    )
  }
}

export default ProfileLeftPanel

The event tab is completely empty. Thanks in advance!

[mikailbayram]

I just solved it by changing my date format from

new Date(date)
moment(date)._d

Thanks anyway!

[8ctopotamus]

I have them set, but this still isn’t working on Iphone safari for some reason. Working fine on Android chrome.