@rainbow-me/[email protected]

Patch Changes

• 5b8d821: Resolved an issue where dApps that supported many chains would cause an interface overflow on mobile. The Chains Modal is now scrollable.
• fb9405a: Resolved an issue that prevented overriding iconUrl and iconBackground during Chain customization
• 252f02e: Resolved an issue with the Authentication modal where a user's wallet would remain connected if the modal was dismissed with the Close button rather than explicitly using the Cancel button. This fix ensures that dApps can reliably require a user to complete Authentication before RainbowKit enters a connected state.
• 7643e70: Deprecated bitKeepWallet connector in favor of bitgetWallet. The BitKeep Wallet connector will continue to be available without breaking changes.

@rainbow-me/[email protected]

Patch Changes

• 118dfe1: Support for wagmi 1.4.x and viem 1.10.x peer dependencies.

@rainbow-me/[email protected]

Patch Changes

• a129cb0: Resolved an issue that prevented some PNG icons within RainbowKit from rendering.

@rainbow-me/[email protected]

Patch Changes

• ad1f860: Frame Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { frameWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [frameWallet({ chains })],
    },
  ]);

• c434ca7: Enkrypt Wallet Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [enkryptWallet({ chains })],
    },
  ]);

• 67933ed: Uniswap Wallet Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [uniswapWallet({ chains })],
    },
  ]);

• 60968a5: OneKey Wallet Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [oneKeyWallet({ chains })],
    },
  ]);

• e7ae257: Coin98 Wallet Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [coin98Wallet({ projectId, chains })],
    },
  ]);

• 7b31af2: FoxWallet Support

  Example Usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { foxWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [foxWallet({ projectId, chains })],
    },
  ]);

• 42a0c3e: Bifrost Wallet Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [bifrostWallet({ chains })],
    },
  ]);

@rainbow-me/[email protected]

Patch Changes

• ad913e6: Upgraded wagmi, viem, and next in templates.
• f5e73b9: Upgraded templates for base network support

@rainbow-me/[email protected]

Patch Changes

• eb319f3: Improved warnings and error handling for dApps with an invalid or missing projectId.

  Improved the developer experience for RainbowKit examples and templates with a bundled development projectId. It is required that every dApp obtains a unique projectId before entering production to avoid throttling and issues for end users.

  Read our WalletConnect v2 Migration Guide for more information.

@rainbow-me/[email protected]

Minor Changes

• 86be3f0: Support for next-auth versions 4.21.0 and above.

  Migration guide

  1. Upgrade next-auth to ~4.22.0

  2. In your next-auth providers async authorize(credentials) implementation, alter the parameters passed to getCsrfToken like so. Reference our example implementation here.

  - const nonce = await getCsrfToken({ req });
  + const nonce = await getCsrfToken({ req: { headers: req.headers } });

@rainbow-me/[email protected]

Patch Changes

• d303a3b: Added base chain support
• f1e98e8: RainbowKit now adopts standardized colloquial chain names like Arbitrum and Optimism for mainnet chains to simplify the chain switching experience

@rainbow-me/[email protected]

Patch Changes

• 144809c: Upgraded minimum wagmi peer dependency to 0.12.19 for improved WalletConnect v2 support.

@rainbow-me/[email protected]

Patch Changes

• dc3cd10: Core Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [coreWallet({ projectId, chains })],
    },
  ]);

• c251d55: Talisman Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [talismanWallet({ projectId, chains })],
    },
  ]);

• d5b3bd1: Safeheron Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [safeheronWallet({ chains })],
    },
  ]);

• 66e8423: Frontier Wallet Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [frontierWallet({ projectId, chains })],
    },
  ]);

• 1b4f142: BitKeep Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { bitKeepWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [bitKeepWallet({ projectId, chains })],
    },
  ]);

• e089ab9: TokenPocket Support

  Example usage

  import {
    getDefaultWallets,
    connectorsForWallets,
  } from '@rainbow-me/rainbowkit';
  import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';
  const { wallets } = getDefaultWallets({ appName, projectId, chains });
  const connectors = connectorsForWallets([
    ...wallets,
    {
      groupName: 'Other',
      wallets: [tokenPocketWallet({ projectId, chains })],
    },
  ]);