React Component #EarlyReturn

example.tsx

type Props = {
  loading: boolean;
  error?: Error;
  data: Data;
};

const MyComponent: React.FC<Props> = (props) => {
  if (props.loading) {
    return <Spinner />;
  }

  if (props.error) {
    return <Alert>{props.error.message}</Alert>;
  }

  if (isEmpty(props.data)) {
    return <div>Data is empty</div>;
  }
  
  return <DataDisplay data={props.data} />;
};