Migrando a WalletConnect v2.

Prepara tu dApp para la actualización a v2 en 5 minutos o menos.

El protocolo WalletConnect v1 se cerrará el 28 de junio de 2023, y RainbowKit te apoya para que la transición sea muy sencilla.

El soporte para WalletConnect v2 ahora es estándar en RainbowKit, sin cambios que rompan funciones. Simplemente actualiza y consulta la guía a continuación para más detalles.

Entendiendo WalletConnect v2.

WalletConnect es el protocolo que permite a los usuarios conectar sus billeteras móviles a tu dApp, y es una base importante de RainbowKit. La reciente versión de WalletConnect v2 trae una serie de actualizaciones importantes para mejorar aún más la experiencia entre la billetera y la dApp.

Con v2, tus usuarios ahora pueden conectar simultáneamente a múltiples cadenas, por lo que puedes olvidarte del proceso de cambio de cadenas. También amplía el soporte para más redes y trae mejoras que hacen que Iniciar Sesión con Ethereum sea aún más rápido.

Actualizando tu dApp.

Si ya has seguido las guías de migración para RainbowKit 0.12.x y 1.0.x, ¡entonces ya casi lo tienes! Solo actualiza a la última versión del parche y pruébalo.

RainbowKit habilitó WalletConnect v2 por defecto con 0.12.15 y 1.0.2. Continuamos el soporte para 0.12.x en caso de que tu dApp aún no se haya actualizado a wagmi v1 y RainbowKit v1.

1. Actualizando dependencias

npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2

Si estás utilizando una versión de RainbowKit anterior a 0.12.x o 1.0.x, solo sigue las Guías de Migración para ponerte al día.

Se recomienda que las dApps 0.12.x comiencen a actualizar a wagmi v1, ya que las mejoras de estabilidad para WalletConnect v2 solo se incluirán en versiones futuras de wagmi.

2. Suministrando un projectId

Cada dApp que dependa de WalletConnect ahora necesita obtener un projectId de WalletConnect Cloud. Esto es completamente gratis y solo lleva unos minutos.

Proporciona tu projectId a getDefaultWallets y a los conectores de billetera individuales de RainbowKit como los siguientes:

const projectId = 'YOUR_PROJECT_ID';
const { wallets } = getDefaultWallets({
  appName: 'My RainbowKit App',
  projectId,
  chains,
});
const connectors = connectorsForWallets([
  ...wallets,
  {
    groupName: 'Other',
    wallets: [
      readyWallet({ projectId, chains }),
      trustWallet({ projectId, chains }),
      ledgerWallet({ projectId, chains }),
    ],
  },
]);

RainbowKit es seguro por tipo y te advertirá cuando falte un projectId. Consulta nuestros ejemplos para ver v2 en acción:

Consulta los documentos para obtener opciones adicionales compatibles.