Failed to setState({ date }) on onDateChange

Need help, for the following code:

import React from 'react';
import { SingleDatePicker } from 'react-dates';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      focused: false,
      date: null,
      otherKey1: '',
      otherKey2: 1,
    };
    this.onChangeDate = this.onChangeDate.bind(this);
    this.onChangeDateFocus = this.onChangeDateFocus.bind(this);
  }

  onChangeDate(date) {
    console.log(date);
    this.setState({
      ...this.state,
      date,
    }, () => console.log(this.state));
  }
  onChangeDateFocus({ focused }) {
    this.setState({
      ...this.state,
      focused,
    });
  }

  render() {
    const { date, focused, otherKey1, otherKey2 } = this.state;
    return (
      <SingleDatePicker
        id="my-data-picker"
        date={date}
        focused={focused}
        onDateChange={this.onChangeDate}
        onFocusChange={this.onChangeDateFocus}
      />
    );
  }
}

When click on any date, it will trigger onFocusChange, but I will get focused=null.

More importantly, when click on any date, despite it successfully trigger onDateChange with date=MomentObject{...}, the this.setState fails. My this.state.date is always null.

Any ideas? Do I need to require('moment') for this file?

[SiqiTian-minted]

anyway, it magically healed it self today, strange. closing

[ljharb]

@zengqingfeng1994 please file a new issue; this one is 2 years old.