Wrong display of dates in react-big-calendar, why?

Question

JavaScript

Import calendar and moment.js:

import { Calendar, momentLocalizer } from "react-big-calendar";
import moment from "moment";

I create a localizer and a list of events, output to the console to check the values:

const localizer = momentLocalizer(moment);
const events = [
  {
    title: "1",
    start: moment().toDate(),
    end: moment().add(1, "days").toDate()
  },
  {
    title: "2",
    start: moment().add(1, "days").toDate(),
    end: moment().add(2, "days").toDate()
  },
  {
    title: "3",
    start: moment().add(2, "days").toDate(),
    end: moment().add(3, "days").toDate()
  },
];
console.log(events);

I create a calendar:

return <Calendar localizer={localizer} events={events} views={["month"]} />;

Everything is in order, the dates are correct:

spoiler

But the calendar doesn't think so:

spoiler

I tried to install the version of the calendar and the last one - 0.31.0, and the previous one - 0.30.0, and six months ago - 0.27.0, there is no effect. Accordingly, the real list of events that I tried to transmit is displayed incorrectly.
Can anyone suggest what I'm doing wrong?

Answer 1

Can't reproduce your problem. https://codesandbox.io/s/qna-q936059-uonwv