detect prop changes in react apps for debugging

react-change-logger.js

MyComp extends PureComponent {
  lastProps = {};
  whatChanged() {
    Object.keys(this.props)
      .filter(key => {
        return this.props[key] !== this.lastProps[key];
      })
      .map(key => {
        console.log("changed property:", key, "from", this.lastProps[key], "to", this.props[key]);
      });
    this.lastProps = this.props;
  }
  
  render =() => {
    this.whatChanged();
  };
}