Navigation doesn't work.

Hello! Love the plugin, but can’t get it to work correctly.

I’m using create-react-app and I’m not sure if that’s the problem. Here’s my package.json

{
  "name": "sh-calendar-client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.4.0",
    "react-calendar": "^2.15.0",
    "react-dom": "^16.4.0",
    "react-scripts": "1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

All I did was create a new app, delete the default App and just paste the example code:

import React, { Component } from 'react';
import Calendar from 'react-calendar';

class MyApp extends Component {
  state = {
    date: new Date(),
  }

  onChange = date => this.setState({ date })

  render() {
    return (
      <div>
        <Calendar
          onChange={this.onChange}
          value={this.state.date}
        />
      </div>
    );
  }
}

I get a working calendar as expected. The onChange method works fine. But I can’t change the month or the year. The arrow navigation does nothing. And If I click on the title, it changes the view correctly (year, century, etc) but the arrows continue to not work and no matter what year or month I select, it falls back to the date in value.

[wojtekmaj]

The issue has been fixed. Please refer to #78 for more details.

[wojtekmaj]

Guys, this change was caused by a breaking change in minor version (!) of React 16.4. I’m working on a fix as I write. You should be able to resolve the issue by downgrading to React 16.3 or by wait for my hotfix.

Details

activeStartDate was calculated every time props were changed. It was then saved in component’s state, and updated by Navigation component when you clicked the arrows. This was fine until Facebook has changed the behavior. From React 16.4 getDerivedStateFromProps is called on setState as well. Now, to make it work with React 16.4, activeStartDate will be updated when props which affect activeStartDate were changed.