React Hooks #EarlyReturn

example.tsx

const MyComponent: React.FC = () => {
  const { loading, error, data } = useData();

  if (loading) {
    return <Spinner />;
  }

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

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