Function UserDetails

example/withSuspense/Auth.tsx:29–48

()

};

const UserDetails = () => {
  const auth = useAuth();
  const {data: user} = useUser();

  return (
    <>
      <CardSection title="Displayname">{(user as User).displayName}</CardSection>
      <CardSection title="Providers">
        <ul>
          {(user as User).providerData?.map(profile => (
            <li key={profile?.providerId}>{profile?.providerId}</li>
          ))}
        </ul>
      </CardSection>
      <CardSection title="Sign Out">
        <WideButton label="Sign Out" onClick={() => signOut(auth)} />
      </CardSection>
    </>
  );
};

const SignInForm = () => {
  const auth = useAuth();