Function AuthWrapper

example/withSuspense/Auth.tsx:15–27

({ children, fallback }: React.PropsWithChildren<{ fallback: JSX.Element }>)

}

export const AuthWrapper = ({ children, fallback }: React.PropsWithChildren<{ fallback: JSX.Element }>): JSX.Element => {
  const { data: signInCheckResult } = useSigninCheck();

  if (!children) {
    throw new Error('Children must be provided');
  }

  if (signInCheckResult.signedIn === true) {
    return children as JSX.Element;
  } else {
    return fallback;
  }
};

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