Starting Point 2

❌ A "simple" component which isn't really simple

function UserProfile({request}: {request: MyProfileRequest}) {

  // can we have stale data while we're loading? I guess not?
  if (request.isLoading) return <Spinner />

  // this goes before checking the errors, so I presume we can't have
  // data and an error together? Or maybe we just don't care if there's
  // an error but we get data?
  if (request.data) return <UserProfileCard user={request.data} />

  // can we have an errorMessage without a statusCode?
  // how would we render that?
  if (request.errorMessage && request.statusCode) {
    return <ErrorMessage
      code={request.statusCode}
      message={request.errorMessage} />
  }

  // will this ever be exercised? is this dead code?
  return null
}