function useLinkOAuth(): {
linkOAuth: (providerType: OAuth2ProviderType, options?: {
idempotencyKey?: string;
}) => Promise<void>;
oauthState: | null
| OAuthFlowState;
};
Returns
{
linkOAuth: (providerType: OAuth2ProviderType, options?: {
idempotencyKey?: string;
}) => Promise<void>;
oauthState: | null
| OAuthFlowState;
}
| Name | Type |
|---|---|
linkOAuth() | (providerType: OAuth2ProviderType, options?: { idempotencyKey?: string; }) => Promise<void> |
oauthState | | null | OAuthFlowState |
Examples
// Google
function LinkOAuthProvider() {
const { linkOAuth } = useLinkOAuth();
const { currentUser } = useCurrentUser();
const handleLinkGoogle = async () => {
if (!currentUser) {
console.error("User must be signed in first");
return;
}
try {
await linkOAuth("google");
} catch (error) {
console.error("Failed to link Google account:", error);
}
};
return (
<button onClick={handleLinkGoogle} disabled={!currentUser}>
Link Google
</button>
);
}
// Apple
function LinkOAuthProvider() {
const { linkOAuth } = useLinkOAuth();
const { currentUser } = useCurrentUser();
const handleLinkApple = async () => {
if (!currentUser) {
console.error("User must be signed in first");
return;
}
try {
await linkOAuth("apple");
} catch (error) {
console.error("Failed to link Apple account:", error);
}
};
return (
<button onClick={handleLinkApple} disabled={!currentUser}>
Link Apple
</button>
);
}
// X
function LinkOAuthProvider() {
const { linkOAuth } = useLinkOAuth();
const { currentUser } = useCurrentUser();
const handleLinkX = async () => {
if (!currentUser) {
console.error("User must be signed in first");
return;
}
try {
await linkOAuth("x");
} catch (error) {
console.error("Failed to link X account:", error);
}
};
return (
<button onClick={handleLinkX} disabled={!currentUser}>
Link X
</button>
);
}