Once Rendered

✅ A simpler component

function UserProfile({ request }: 
{ request: UserProfileRequest }) {
  switch (request.status) {
    case "fetching":
      return <Spinner />

    case "success":
      return <UserProfileCard user={request.data} />

    case "error":
      return (
        <ErrorMessage
          code={request.statusCode}
          message={request.errorMessage}
        />
      )
  }
}