WalletKit lets users create a secure gasless wallet using their email or social login. WalletKit will guide the user through creating a wallet, setting a 6-digit pin, and optionally enabling passkeys to further secure their wallet.

import { useWalletKitLink } from "@walletkit/react-link";

export function Connect() {
  const { connect } = useWalletKitLink();
  const [isConnected, setIsConnected] = useState(false);

  const handleConnect = async () => {
    await connect();
    setIsConnected(true);
  };

  if (!isConnected) {
    return <button onClick={handleConnect}>Connect</button>;
  }

  return <div>Connected!</div>;
}