/* @flow */
/* General helper that renders its children ony on componentDidMount */
/* eslint-env browser */
import * as React from 'react';

declare type State = {
  render: boolean
};

declare type Props = {
  children: React.Node
};

class RenderOnMount extends React.Component<Props, State> {
  state = {
    render: false
  };

  componentDidMount() {
    this.setState({ render: true });
  }

  render() {
    if (this.state.render) {
      return this.props.children;
    }
    return null;
  }
}

export default RenderOnMount;