SignOutButton

import { SignOutButton } from "react-analytics-charts";

<SignOutButton gapi={gapi} />

import * as React from "react";
import { useAnalyticsApi } from "react-use-analytics-api";
import { AuthorizeButton, SignOutButton } from "react-analytics-charts";

export function AuthExample() {
  const { gapi, authorized } = useAnalyticsApi();
  return (
    <div>
      {!authorized && (
        <div>
          Not authorized. Sign in here:{" "}
          <AuthorizeButton
            gapi={gapi}
            authOptions={{
              clientId:
                "123456789012-abc123def456ghi789jkl012mno345p.apps.googleusercontent.com",
            }}
          />
        </div>
      )}
      {authorized && (
        <div>
          We're authorized! <SignOutButton gapi={gapi} />
        </div>
      )}
    </div>
  );
}

.analytics-sign-out-button {
  /* Custom styles */
}