Importar

import { useStorage, useStorageItem } from '@0xsequence/connect'

Uso

import { useStorage, signEthAuthProof, validateEthProof } from '@0xsequence/connect'
import { useWalletClient, usePublicClient } from 'wagmi'

function App() {
  const { data: walletClient } = useWalletClient()
  const publicClient = usePublicClient()
  const storage = useStorage()
  
  const generateEthAuthProof = async () => {
    if (!walletClient || !publicClient || !storage) {
      return
    }
    
    try {
      // Use storage to generate an auth proof
      const proof = await signEthAuthProof(walletClient, storage)
      console.log('proof:', proof)
      
      const isValid = await validateEthProof(walletClient, publicClient, proof)
      console.log('isValid?:', isValid)
    } catch (e) {
      console.error(e)
    }
  }
  
  return (
    <button onClick={generateEthAuthProof}>
      Generate EthAuth Proof
    </button>
  )
}

Tipo de retorno

Storage<StorageItem> | null

Retorna la instancia de Storage si está disponible, o null si no está configurada.

useStorageItem

Hook para obtener un ítem específico del almacenamiento de Sequence Connect.

Uso

import { useStorageItem } from '@0xsequence/connect'

function App() {
  const { data: authToken, isLoading } = useStorageItem('authToken')
  
  if (isLoading) {
    return <div>Loading...</div>
  }
  
  return (
    <div>
      {authToken ? 'Authenticated' : 'Not authenticated'}
    </div>
  )
}

Parámetros

ParámetroTypeDescription
keykeyof StorageItemLa clave del ítem de almacenamiento a obtener

Tipo de retorno

UseQueryResult<StorageItem[K]>

Retorna un resultado de react-query con los datos del ítem de almacenamiento, con las siguientes propiedades:

PropiedadTypeDescription
dataStorageItem[K]Los datos obtenidos del ítem de almacenamiento
isLoadingbooleanIndica si los datos están cargando actualmente
isErrorbooleanIndica si ocurrió un error al obtener los datos
errorErrorEl objeto de error si ocurrió alguno
Otras propiedades de react-query

Notas

Estos hooks permiten acceder a la capa de almacenamiento utilizada por Sequence Connect para persistir datos de autenticación, estado de wallet y otras necesidades de almacenamiento del lado del cliente. El hook useStorage se usa comúnmente para operaciones que requieren acceso directo a la capa de almacenamiento, como la generación de pruebas de autenticación, mientras que useStorageItem ofrece una forma conveniente de acceder a ítems específicos con integración de react-query.