A boring ol' API backed container component

SomePage.js

class SomePage extends React.Component {
  state = {
    isPending: false,
    error: null,
    result: null,
  };
  async componentDidMount() {
    this.setState({ isPending: true, error: null, result: null });
    try {
      const res = await fetch('/api/some-data');
      const data = await res.json();
      this.setState({ error: null, result: data });
    } catch (e) {
      this.setState({ error: e, result: null });
    }
    this.setState({ isPending: false });
  }
  render() {
    // Renders the appropriate thing based on all of that state
  }
}