Suspense.jsx

import React from 'react'

class Suspense extends React.Component {
  state = {
    promise: null
  };

  componentDidCatch(error) {
    // Oh my god, this is the desired Promise 😬
    if (error instanceof Promise) {
      this.setState({ promise: e }, () => {
        // The promise has finished 🤓. Let's render the children
        error.then(() => {
          this.setState({ promise: null });
        });
      });
    }
    
    // Nothing to do here 😒. Propagate the Error to the next stack
    else {
      throw e;
    }
  }

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

export { Suspense }