componentDidMount.js

async componentDidMount() {
  const { events } = this.props;
  events.map(async event => await this.addComponent(event));
}

addComponent = async event => {
  const { type } = event;

  console.log(`Loading ${type} component...`);

  import(`./github_components/${type}.js`)
    .then(Component =>
      this.setState({
        components: this.state.components.concat(
          <Component.default key={shortid.generate()} {...event} />
        )
      })
    )
    .catch(error => {
      // Add an empty component for loading message
      this.setState({
        components: this.state.components.concat(
          <NullComponent key={shortid.generate()} />
        )
      })
      console.error(`"${type}" not yet supported`);
    });
};