React Props Example

react-props-example.tsx

const App: React.FC<AppProps> = ({ user }) => (
  <Header user={maybe(user)} />
);

const Header: React.FC<UserProps> = ({ user }) => (
  <>
    <Logo user={user} />
    <Account user={user} />
  </>
);

const Account: React.FC<UserProps> = ({ user }) => (
  user.isNothing()
    ? <SignInButton />
    : <p>Signed in as {user.value().name}</p>
);