Component to delay rendering

Delay.tsx

import * as React from 'react';

interface IProps {
  children: JSX.Element;
  delay?: number;
}

interface IState {
  wait: boolean;
}

export default class Delay extends React.Component<IProps, IState> {
  timer: number;

  constructor(props: IProps) {
    super(props);
    this.state = {
      wait: true,
    };
  }

  componentDidMount() {
    this.timer = setTimeout(
      () => {
        this.setState({
          wait: false,
        });
      },
      this.props.delay);
  }

  componentWillUnmount() {
    clearTimeout(this.timer);
  }

  render(): JSX.Element {
    if (!this.state.wait) {
      return this.props.children;
    }
    return null;
  }
};