Scroll to bottom

ScrollToBottom.js

import React, { Component } from 'react';

class ScrollToBottom extends Component {
  componentDidUpdate() {
    this.el.scrollTop = this.el.scrollHeight;
  }

  render() {
    const child = React.Children.only(this.props.children);
    return React.cloneElement(child, { ref: (el) => { this.el = el; } });
  }
}

export default ScrollToBottom;