DelayedComponent for React

DelayedComponent.tsx

import React, { Component, ReactNode } from "react"

interface Props {
  delayMs: number,
  children: ReactNode,
}

interface State {
  enabled: boolean,
}

class DelayedComponent extends Component<Props, State> {
  state: State = {
    enabled: false,
  }

  constructor(props: Props) {
    super(props);
    this.componentDidMount = this.componentDidMount.bind(this);
  }

  componentDidMount(): void {
    setTimeout(() => {
      this.setState({enabled: true})
    }, this.props.delayMs);
  }

  render() {
    return this.state.enabled && this.props.children;
  }
}

export default DelayedComponent;