useVerifyFarcaster - Para Docs

You’re viewing the 2.0 (LTS) docs. View the current 3.0 version of this page.

The useVerifyFarcaster hook handles Farcaster authentication. It provides a Connect URI that you display as a QR code or deep link so the user can approve login in their Farcaster client.

Import

import { useVerifyFarcaster } from "@getpara/react-native-wallet";

Usage

import { useVerifyFarcaster } from "@getpara/react-native-wallet";
import { useState } from "react";
import { View, Text, Linking } from "react-native";

function FarcasterLogin() {
  const [connectUri, setConnectUri] = useState<string | null>(null);
  const { verifyFarcasterAsync, isPending } = useVerifyFarcaster();

  const handleLogin = async () => {
    try {
      await verifyFarcasterAsync({
        onConnectUri: (uri) => {
          setConnectUri(uri);
          // Optionally open in Warpcast
          Linking.openURL(`https://warpcast.com/~/sign-in?uri=${encodeURIComponent(uri)}`);
        },
      });
    } catch (err) {
      console.error(err);
    }
  };

  return (
    <View>
      {connectUri && <Text selectable>{connectUri}</Text>}
      <Button title={isPending ? "Waiting..." : "Sign in with Farcaster"} onPress={handleLogin} disabled={isPending} />
    </View>
  );
}