I got stuck at option 1. Rendering code becomes lot more complex. Also few errors that make it difficult to follow the essay, like "it’s a “maybe” function as it only returns the friends of a user" but the function is getUser, not getFriends.
Or
function getFriends(user: User): Friend[] {
return fetchUser();
}
The body of the function is wrong.
Or function getFriends(user: User): Friend[] { return fetchUser(); } The body of the function is wrong.