Interfaz de inicio de sesión
LoginButton y useSession comparten la sesión de NostrSdkProvider. Los métodos incluyen NIP-07, NIP-46, generación e importación de claves. Instala el paquete UI directamente para importar sus componentes y estilos.
terminal
$npm install @nostr-wot/ui@2.0.0 nostr-wot-sdk@3.0.0 nostr-tools react react-dom
tsx
"use client";
import { LoginButton, useSession } from "@nostr-wot/ui";
import { NostrSdkProvider } from "nostr-wot-sdk/react";
import "@nostr-wot/ui/styles.css";
function Account() {
const { pubkey } = useSession();
return <><LoginButton /><output>{pubkey}</output></>;
}
function App() {
return <NostrSdkProvider><Account /></NostrSdkProvider>;
}